PANNON EGYETEM

MATEMATIKAI INTÉZET

VESZPRÉM

Név:

SZÉKELYHIDI TAMÁS

INFORMATIKATANÁR MA, LEVELEZŐ

Veszprém

2010

ZÁRÓSZIGORLAT 1. KOMPONENS

Webes és képszerkesztési technológiák

TANÁCSOK ISKOLAI HONLAP KÉSZÍTÉSHEZ

A WAMP-SZERVER ÉS A JOOMLA TELEPÍTÉSE, HASZNÁLATA

2.

Tartalomjegyzék

1. Bevezetés ............................................................................................................................. 3

2. Hogyan fogjunk hozzá ......................................................................................................... 4

2.1. Tartalomkezelő rendszerek jellemzői .......................................................................... 6

3. A wamp szerver ................................................................................................................... 8

3.1. Hogyan üzemeljük be a programot? ........................................................................... 8

4. A Joomla telepítése ............................................................................................................. 9

4.1. Az első Joomlánk ....................................................................................................... 11

4.2. A Joomla! felhasználói felülete.................................................................................. 12

4.3. A Joomla adminisztrációs felülete ............................................................................. 14

4.4. Felhasználókezelés .................................................................................................... 17

5. Szerkezeti felépítés ............................................................................................................ 19

5.1. A tartalmi elemek feltöltése. ..................................................................................... 19

6. Egy gyakorlati példa........................................................................................................... 21

Képek jegyzéke .......................................................................................................................... 23

Felhasznált irodalom: ................................................................................................................ 23

Melléklet .................................................................................................................................... 24

3.

1. Bevezetés

Dolgozatomban nem részletes szakmai, hanem inkább praktikus tanácsokat szeretnék

ajánlani olyan informatikatanároknak, akik egyben „botcsinálta” rendszergazdák, iskolai

honlap fejlesztők, egyébként hardver-szakemberek, azaz kényszer-polihisztorok, mint

amilyen én voltam 28 éven át a saját iskolámban.

Tudom, hogy nem ez az általános ma már, de tartok tőle, hogy sok helyen, sok iskolában

még nem ismeretlen kollégáimnak a fenti bevezető.

Tetézi a gondot, hogy ezek a helyek inkább kisebb településeken működő kisebb iskolák,

ahol ráadásul a fent említett polihisztor teljesen egyedül marad a gondjával, nincs a

közelben igazi segítség, akivel megoszthatná problémáit, segítséget várhatna. Igaz, az

utóbbi években már sok hasznos fórum (techinfo, stb) található az interneten, illetve a

közvetlen kommunikációs csatornák is nyitottak, amelyeken azonnali segítséget kérhetünk

a gondjainkra.

Azért úgy hiszem még sok olyan iskola van, ahol az – egyébként hozzá nem értő –

igazgató kiosztja a megoldandó feladatot (legyen honlap, legyen hálózat, legyen minden)

és ezt természetesen meg kell oldani.

Jelen írásomban megpróbálom összefoglalni, hogy milyen módon álljon neki egy iskolai

honlap elkészítésének az a kolléga, aki egyébként nem rendelkezik túlzottan mély szakmai

ismeretháttérrel a témában és minél egyszerűbben, de az igényeket kielégítő módon

szeretné megoldani a feladatát.

Természetesen tudom, hogy szakértő olvasóim eleinte mosolyogva, később egyre több

ellenérzéssel fogják olvasni írásomat. Sokan esküsznek arra, hogy az igazi honlap teljesen

egyedi, professzionális, saját igényeinkhez maximálisan alkalmazkodik, tehát nekiállni

csakis html, css, xml, php, cgi, w3 és még ki tudja milyen bűvös varázsszavak ismeretének

száz százalékos birtokában lehetséges, minden más elképzelés pancser, gagyi és

felháborító. Valószínűleg a máglyán való megégetés a minimum annak, aki máshogy

gondolkodik.

4.

Én mégis vállalom a veszélyt és szinte amatőr módon – megjegyzem magam úgy is

kezdtem - adjak tanácsot azért, hogy minél előbb működő, kényelmesen – és gyorsan -

frissíthető honlapot készíthessenek arra vállalkozó kollégáim.

2. Hogyan fogjunk hozzá

Tervezés. Ez a kulcsszó, mindennek a kezdete. El kell döntenünk, hogy mit akarunk.

Valószínűleg olyasmit szeretnénk csinálni, amit más iskolák honlapjain is látunk, ami

bevonult a gyakorlatba. Én nem tartom szégyenletesnek azt, ha minél egyszerűbben

próbáljuk megoldani ugyanazt a feladatot, amelyet sokkal nehézkesebben is

megoldhatnánk.

Technikai, formai és tartalmi követelmények határozzák meg, hogy merre induljunk. Én a

legegyszerűbb, mindenki számára adott lehetőségek alapján gondolkodom. Nem a saját

web-szerver működtetése az általános, sokkal inkább az ingyenes tárhely, de legalábbis az

olcsó tárhely szolgáltató.

A honlap elkészítéséhez használt szoftverek lehetőleg ingyenesek legyenek. Ne kelljen túl

sokat foglalkoznunk azzal, hogy böngésző-kompatibilis honlapunk legyen.

Ami a legfontosabb: ne vegye el túl sok időnket a honlap karbantartása, frissítése. Nincs

kiábrándítóbb annál, mint amikor rábukkanunk az interneten egy minden igényt kielégítő

esztétikumú, profi módon elkészített iskolai honlapra, amelynek nyitó oldalán olvashatjuk

a 2007-es felvételi eredményeket gratulációval.

Természetesen a gyorsaság, frissesség nincsen szoros összefüggésben az esztétikummal, de

ha nagyon nehézkes az adatok felvitele, aktualizálása, akkor az könnyen el is marad, így az

egész honlap könnyen válik elavulttá. Ekkor pedig már hiába szép.

Az általam most javasolt megoldás az egyre népszerűbb, egyre profibb CMS rendszerek

alkalmazása.

Idézet a Wikipédiából:

A tartalomkezelő rendszer (angolul Content Management System, CMS )

olyan szoftverrendszer, amely nem strukturált információk mint például az

internetes portálok akár több felhasználó általi elkészítését, kezelését, és

5.

tárolását segíti. Továbbá gondoskodik a tartalmak strukturált megjelenítéséről,

statisztikák készítéséről, kiegészítő funkciók integrálásáról.

Strukturált információk, dokumentumok közös elkészítését, kezelését, és azok

strukturált megjelenítését a DMS (Document Management System

dokumentum kezelő rendszerek) segítik.

A CMS általában kereshetőséget, verziókövetést, és sok más szolgáltatást

biztosít. A CMS-en igen gyakran, sajnos tévesen, azokat a webes

alkalmazásokat értik, amelyek weboldalak, internetes portálok készítésére,

folyamatos karbantartására – frissítésére – használatosak.

Olyan, általában webalapú program, amely lehetővé teszi változatos adatok

általában hypertext formátumban való dinamikus publikálását programozói

tudás nélkül. A szó egyébként mindenféle rendszerezett, decentralizált

publikálási feladatot ellátó programrendszerre vonatkozik. Ilyen értelemben

véve tehát egy vállalati / egyetemi / bármilyen közösségi használatú

számítógépes felület.

A CMS-ek legfontosabb tulajdonsága a dinamizmus. A tartalmat, annak

megjelenését megfelelő jogosultság esetén bármikor, bárhonnan meg lehet

változtatni. Azokat a tartalomkezelő rendszereket, amelyekre ez nem érvényes,

Document Management Systemnek (DMS) nevezzük.

Meglehetősen sokféle tartalomkezelő rendszer található a piacon, a sok szabad

licencű (és nyílt forrású) CMS mellett sok a kereskedelmi termék és az egyedi

fejlesztés is. A legtöbb CMS a PHP szerveroldali programozási nyelven

íródott, és MySQL adatbázist használ. Léteznek ingyenes CMS-ek (például

Drupal, e107, Joomla!, PHP-Nuke, PostNuke, magyar vonatkozásban

TextPortál), de sok a fizetős is. A szinte univerzális, elterjedt CMS-eken kívül

rengeteg kisebb, korlátozottabb tudású CMS létezik.1

Manapság a bőség zavarával küzdhetünk, hiszen meglehetősen sok ilyen rendszer alkalmas

a feladatunk elvégzésére.

1 http://hu.wikipedia.org/wiki/Tartalomkezel%C5%91_rendszer

6.

2.1. Tartalomkezelő rendszerek jellemzői

A legtöbb tartalomkezelő rendszerre jellemző, hogy platformtól független, vagyis nem

számít milyen operációs rendszer működteti a számítógépet. Lehet ez akár

valamilyen Linux disztribúció, Windows (98/NT/2000/XP) verziók egyike, vagy akár

egyéb más rendszer. A fontos, hogy legyen a rendszerünkön a követelményeknek

megfelelő PHP fordító, amely elősegíti a CMS programjainak értelmezését.

Szükséges ezen kívül valamilyen adatbázis-kezelő rendszer. Tartalomkezelőtől függ,

hogy mely adatbázis-kezelőket támogatja a rendszer.

A harmadik elengedhetetlen összetevő egy CMS működése szempontjából egy

webszerver. A legelterjedtebb és legnépszerűbb az apache webszerver.

A GNU GPL (Általános Publikálási Licenc) alatt álló rendszerek biztosítottan

szabad forráskódúak, és ez nem is változtatható meg a későbbiekben sem. Bárki

letöltheti és megtekintheti a forráskódot, vagy akár módosíthatja is azt. A GNU GPL

alatt álló szoftverek szabadon felhasználhatóak, terjeszthetők és módosíthatók.

A tartalomkezelőkre jellemző, hogy az alaprendszerben lévő modulok segítségével,

egyedivé tehetjük oldalunkat. Fontos a portál egyszerű kezelhetősége és könnyű

karbantartása. A rendszert használók szempontjából ez az egyik legfontosabb. Általános

jellemző a CMS-ekre, hogy a több felhasználós rendszerek, vagyis egyszerre többen

szerkeszthetik a tartalmakat, telepíthetnek kiegészítőket, illetve további a rendszer

működését segítő beállításokat végezhetnek. A kiegészítő modulok segítségével az

azonos rendszerű honlapok is teljes mértékben testre szabhatók. A legtöbb

rendszerben található beépített keresőrendszer a honlapon elhelyezett tartalmak

könnyű megtalálásához.

A szoftverek között mind az alap funkciók, mind pedig a bővíthetőség terén sok

különbség van.

Az első tartalomkezelők egyike a több éves múlttal rendelkező PHP -Nuke és az

abból kialakult PostNuke.

Én - bár nem biztos, hogy meg tudnám fogalmazni az okát – a Joomla! - t választottam.

A Joomla! PHP-ben írt nyílt forráskódú tartalomkezelő rendszer, melyet a

Mambo fejlesztői készítenek. A rendszer MySQL adatbázist használ az adatok

7.

tárolására. Tartalmaz RSS feed-et, híroldalt, blogot, fórumot, szavazást,

naptárat, keresést és fordítást különböző nyelvekre.

A Joomla! szuahéli eredetű szó. Fonetikus kiejtése a „jumla”, jelentése pedig mindenki

együtt, egy egészként. Azért ezt választották, mert ezzel fejezték ki a fejlesztők és a

közösség elkötelezettségét a projekt iránt.2

Néhány példa iskolai honlapokra:

Valószínűleg saját fejlesztésű honlapok e107 – tel készült

honlap:

Microsoft FrontPage

6.0-tal készült honlap:

Joomla! honlapok:

Ahhoz, hogy megismerkedjünk a Joomla!-val, célszerű letölteni valamelyik (1.5.x) magyar

nyelvű verzióját (http://joomla.org.hu) és saját számítógépünkön megismerkedni a

lehetőségeivel, képességeivel.

Ehhez az ismerkedéshez le kell töltenünk és telepítenünk kell valamilyen PHP-t és

MySQL-t ismerő web - szervert. Ilyet többfélét is találunk az interneten. Ingyenes és jól

használható az EasyPHP, a XAMPP, a WAMP és még sokáig lehetne sorolni a

lehetőségeket.

2 http://hu.wikipedia.org/wiki/Tartalomkezel%C5%91_rendszer

8.

3. A wamp szerver

A Joomla! localhoston való üzemeltetéséhez szükségünk lesz egy wamp szerver nevű

alkalmazásra, amelynek lényege, hogy különösebb hozzáértés nélkül telepíthetünk

Windowsos operációs rendszerünkre egy komplett webszervert.

A www.wampserver.com/en oldalon a Download menüpontnál keressük meg és töltsük le

programot. A letöltés után indítsuk el a programot, fogadjuk el a licenszmegállapodást.

Amennyiben alapértelmezettként nem a C: meghajtóra szeretnénk telepíteni a programot,

válasszuk ki a számunkra megfelelő tárolót. A továbbiakban már nem kell több beállítást

elvégeznünk, csak fejezzük be a telepítést.

3.1. Hogyan üzemeljük be a programot?

Amint befejeztük az installálást, a tálcánk jobb oldalán megjelenő

ikon jelzi a wamp szerver háttérben való működését. Kattintsunk rá

jobb egérgombbal és állítsuk át a nyelvet magyarra. Ezután bal

egérgombbal kattintsunk rá és válasszuk ki a www könyvtár

menüpontot. Itt hozzunk létre egy új mappát, ahova a Joomla!

portálrendszerünket telepíteni fogjuk, majd tegyük le a tálcára. Ismét kattintsunk jobb

egérgombbal a wamp szerver ikonjára, indítsuk el a phpMyAdmin menüpontra, és hozzuk

létre portálunk adatbázisát

joomla néven.

Ezután írjuk be a böngészőnkbe a http://joomla.org.hu címet, majd a jobb oldalon lévő

letöltéseknél válasszuk ki a program legfrissebb magyar változatát és töltsük le. Letöltés

után csomagoljuk ki, majd a mappa tartalmát CTRL+C-vel másoljuk a vágólapra. Azután

nyissuk meg a tálcára helyezett joomla könyvtárunkat és másoljuk be a fájlokat, de ne

zárjuk be az ablakot, hanem csak tegyük tálcára.

1. wamp-ikon a tálcán

2. wamp menü 3. phpmyadmin kezdőoldal

9.

4. A Joomla telepítése

Ismét kattintsunk az ikonra és válasszuk a localhost opciót. A megnyíló ablakban többek

közt láthatjuk a www könyvtárban helyet foglaló joomla mappát, amire kattintsunk rá,

indítsuk el a telepítő varázslót.

Telepítéskor az adatbázis beállításait nagyon

figyelmesen töltsük ki.

Először a Telepítés előtti ellenőrzés oldal jelenik

meg. Itt kiírja, hogy milyen beállításokat talált a

szerveren. Ha minden írható és támogatott, nincs

ezen az oldalon más teendő, mint a tovább gombra kattintani.

Előfordulhat, hogy a configuration.php fájl nem írható, vagy nincs, erre több lehetőség is

van, a legegyszerűbb ha feltöltünk egy üres fájlt (ha még nincs), amit átnevezünk

configuration.php-re és megoldódik a gond.

Ha kész, kattintsunk a tovább gombra és a következő oldalon a licensz olvasható. Itt nincs

állítási lehetőség, mehetünk tovább. Ezt kell, hogy lásuk!

Host név

Ez általában 'localhost' MySQL felhasználónév

Vagy 'root' vagy egy, a szolgáltatótól kapott név MySQL jelszó

A biztonságos webhely érdekében a MySQL felhasználónak kötelező megadni egy jelszót

MySQL adatbázis neve

Néhány szerveren csak egy bizonyos adatbázisnév használható. Használjuk az előtagot a táblák

megkülönböztetésére.

MySQL előtag

jos_

Ne használjuk az 'old_' előtagot, mivel ez a táblák mentésére használatos

Törlöm a táblákat

Régi táblák mentése A korábbi telepítésből származó Joomla táblamentések felülíródnak.

Példa adatok telepítése Ne töröljük a bejelölést, ha nem vagyunk járatosak a Joomla telepítésében!

4. localhost a wamp telepítése után

10.

Ha a tárhelyen beállított paramétereket itt megadjuk, gond nélkül tovább léphetünk.

• A hostnév mint írja is, általában localhost.

• MySQL felhasználónév: teneved.hu szokott lenni. (localhoston: root)

• Jelszó amit megadtunk a phpMyadminban, ugyanaz mint az FTP hozzáférésnél

megadott adatok. MySQL adatbázis neve: amit létrehoztunk az adatbázisban.

• MySQL előtag: hagyjuk jos_ -ként is de célszerű egyedi nevet létrehozni, pl: web_,

raktar_, stb. Később, ha több aldomaines lap lesz, könnyebb visszakeresni az

adatokat.

• A Törlöm a táblákat azt jelenti, hogy ha újratelepítettük a joomlát megszabadít az

előző adatbázistól egy kipipálással (persze ha ugyanazon előtaggal hozunk létre

adatbázist)

• Példaadatok telepítése: Első telepítéskor célszerű meghagyni a pipát mert ha majd

előjön az első joomlánk a képernyőn, látni fogjuk az elrendezést némi szöveggel,

képpel. Egyébként meg könnyebb a kész sablon szerint a saját tartalommal felülírni.

Ha már többször telepítettünk, nem lesz rá szükség.

Utolsó lépésként adjuk meg a weboldalunk nevét, az oldal adminisztrátorának az e-mail

címét. A Joomla! telepítésének a végén még egy fontos dolgunk van hátra. Törölnünk kell

biztonsági okokból a Joomla! gyökeréből az Installation könyvtárat. Ha ezzel

megvagyunk, máris elindíthatjuk a Joomla! alapú weboldalunkat. Láthatóan sikeresen

települtek a mintaadatok, amiket bármikor törölhetjük az admin oldalra belépve és

helyettük új tartalmat hozhatunk létre.

5. Sikeres telepítés után

11.

4.1.Az első Joomlánk

Ha ez a kép fogad, miután rákattintottunk az adminisztráció menüpontra- és a

felhasználónevet, jelszót megadtuk - minden rendben, ez a kontrol panel, itt lehet

beállítani a Joomla! működését.

Baloldalt van 12 gyorsbillentyű, amivel célirányosan tudjuk elérni a kívánt menüt. A felső

füleket lenyitva ugyanezeket a menüpontokat megkapjuk csak sokkal bővebben. Célszerű

az általános beállításoknál kezdeni, mert itt tudjuk módosítani a fő jellemzőket.

Honlap:

Itt tudjuk a weboldal nevét módosítani, felhasználók aktiválási lehetőségeit, a

szövegszerkesztőt (fel is kell telepíteni ha másikat akarunk használni) beállítani.

Nyelv:

Állítsuk hungarian-ra ha esetleg angolon van és ha a weblapon van dátum kijelzés célszerű

a hu-Hu -t hu_HU.ISO8859-2 -re cserélni, ettől magyarul írja a hónapokat. /általában/

Tartalom:

Itt globálisan lehet beállítani a paramétereket a frontend elemek általános

megjelenítéséhez. Úgy mint, szavazás, szerző neve,vissza gomb, navigáció, stb látszódjon

vagy sem. Ezek az értékek oldalanként is módosíthatók a cikkeknél vagy a

menüstruktúrában.

Adatbázis szerver:

Ezekhez nem kötelező hozzányúlni. A Szervernél az Admin cookie-k élettartama:

másodpercet célszerű megtoldani egy nullával, amíg a weblapot szerkesztjük, hogy ne

dobjon ki az admin felületről idő előtt, sokáig bejelentkezve maradhassunk.

7. Az admin felület 6. Belépés az admin felületre

12.

Metaadatok:

Ez az egyik legfontosabb beállítás a keresők felé, mert amit itt megadunk szöveget, azt

olvassa főleg az összes keresőrobot. Elsősorban a description-t, a weblap rövid tartalmát.

Levelezésnél, Chace-nél különösebben nincs mit állítgatni, az alapbeállítás teljesen

megfelel.

Statisztika:

a Keresési kulcsszavak naplózása: érdemes igenre állítani a ránk kereső kulcsszavak

gyűjtéséhez.

SEO:

Ez egy sarkalatos pontja a Joomlának. A beállítása a tárhely beállításától függ. Ha

engedélyezve van a .htaccess akkor tudjuk bekapcsolni a keresőbarát funkciót, ha nincs

engedélyezve nem fog működni a joomla ezzel a beállítással (ingyenes tárhelyen általában

nincs engedélyezve). A keresőbarát URL azt takarja, hogy a böngésző felső keresőjében

lerövidíti a webcímet. Ha telepítjük pl. a ARTIO JoomSEF-et szépen kiírja a menük

címeit, olvashatóan.

Optimális beállítás:

Keresőmotor optimalizálás

Kereső-barát URL-ek: Nem Igen

Dinamikus oldalcímek: Nem Igen

4.2. A Joomla! felhasználói felülete

A felhasználói felület (honlap), a Joomla azon része, amelyen az oldal látogatói és

regisztrált felhasználói mindazon tartalmakat megtekinthetik, melyeket az

adminisztrátorok hozzáférhetővé tesznek. A honlap megtekintését minden esetben a

főoldallal kezdjük. Bármit is tartalmazzanak a modulok, mindig a 'mainmenu'

elnevezésű menü első publikált menüpontja jelenik, meg.

A tartalom alapértelmezetten az oldal közepén jelenik meg. A tartalmakon kívül azon

modulok jelennek meg, amelyiket az adminisztrációs felületen publikálásra jelöltünk. A

modulok veszik körül a publikált tartalmat, de a különböző modulokat tetszés szerint

rendezhetjük az oldal felületén, a különböző sablonok általában különböző

modulbeállításokat használnak. Amennyiben a telepítés során a mintákat telepítettük,

akkor a következő főbb modulok jelennek, meg a főoldalon.

1. Főmenü - Ennek a segítségével navigálhatunk a különböző oldalakra, mint

például a Hírek, Blog, Linkek, Elérhetőségek, keresés, Hírforrások, GY.I.K. és Wrapper

13.

(insert ablak). Innen bármikor elvehetünk menüelemeket, illetve hozzá is adhatunk.

2. 'Othermenu' - Ennek segítségével el tudunk jutni a Joomla „hazájába" a

www.joomla.org oldalra, illetve ennek a fórum részére. A legfontosabb része azonban

ennek a résznek, hogy innen könnyedén eljuthatunk az adminisztrációs felületre.

3. Topmenü - A főmenü általunk fontosabbnak tartott elemei - akár más menüké is - itt

újra megjeleníthető. Jó hasznát vehetjük, ha a honlapunkon belül egy oldalhoz a

főmenüt nem akarjuk megjeleníteni, de fontos lehet bizonyos részeket közvetlenül

elérnünk.

4. Bejelentkező modul - Itt lehet a regisztrált felhasználóknak belépni, a tagok

részére fenntartott oldalakra, de ennek a modulnak a segítségével lehet regisztráltatni

magunkat az oldalra.

Amennyiben regisztráltatni szeretnénk magunkat az oldalra, a szokásos adatokat kell

megadnunk (Név, Felhasználónév, e-mail cím és jelszó). Miután adatainkat beírtuk és a

regisztrálási kérelmet elküldtük, a Joomla! a beírt e-mail címre elküld egy aktiválási

linket, amire ha a rákattintunk, érvényesítjük a regisztrációt. Így elkerülhetjük, hogy

illetéktelenek ne regisztrálhassák magukat az oldalunkon.

5. Banner - Ez a felület szolgál a reklámok elhelyezésére. A bannerkezelővel

különböző reklámokat tehetünk ki, melyek egyben linkek a reklámozott termék

vagy szolgáltatás oldalához.

6. A legfrissebb hírek és a legnépszerűbb cikkek - Ezek két modul által szelektált

tartalmak az oldalról. Az egyik a létrehozás dátuma szerint rendezi az elemeket, a

másik pedig a látogatottsági, megtekintési szám alapján rangsorolja a tartalmakat.

7. Kereső - Az itt beírt szöveg alapján kereshetünk a honlapon. A keresett szöveg

lehet valamilyen hír, link, blog, illetve bármilyen szöveges formátum, ami az oldalon

megtalálható.

8. Hírmorzsák - A hírmorzsa a honlapon megjelenő dinamikus üzenet. Gyakran

szövegdobozokban, a főoldalon jelenik meg. Egyszerre több hí rmorzsa elem is

lehet az adatbázisban, ilyenkor a hírmorzsa modul véletlenszerűen közzétesz egyet,

valahányszor az oldal tartalma létrejön. A honlapon több hírmorzsa modul is lehet

különböző oldalhoz csatolva. Alapesetben a Newsflash szekció, Newsflash kategória

tartalmát jeleníti meg, de ezt tetszés szerint megváltoztathatjuk, egy általunk létrehozott

kategóriára is.

Az oldalon elhelyezhetünk további modulokat is, illetve ezek közül is

eltávolíthatunk. Amennyiben sablonokat telepítünk fel, könnyen megeshet , hogy adott

14.

modul máshol helyezkedik el a felületen, illetve méretben is teljesen eltérhetnek

egymástól. A Joomla!-ban a honlapra több különböző csoport léphet fel, attól

függően, hogy milyen jogokkal rendelkezik

4.3. A Joomla adminisztrációs felülete

A Joomla számos CMS-től eltérően, teljesen elkülönített felületen oldja meg a weboldal

kezelését, frissítését, adminisztrációs feladatokat. Ezt az alkalmazást nevezik

adminisztrációs felületnek, backend-nek.

Az adminisztrációs felület, a legtöbb mai programhoz hasonlóan menüs rendszerű. A

felület négy fő területe: Menüsáv, Eszköztár, Információs sáv, Munkafelület.

Menüsáv

A menüsáv tíz szekcióra oszlik: Főoldal, Honlap, Menü, Tartalom, Komponensek,

Modulok, Beépülők, Telepítők, Üzenetek, Rendszer és Súgó.

Minden szekció (kivéve alapesetben a Főoldal) egy legördülő menüvel rendelkezik,

melyen keresztül a szekció további részeit lehet elérni.

Információs sáv

Az információs sáv a következő információkat mutatja:

1. Honlap neve

2. Aktuális hely az adminisztrációs felületen belül

3. A bejelentkezett felhasználó neve: Jelenleg bejelenezett felhasználók.

4. Üzenetek száma, amelyet más adminisztrátortól kaptunk

5. Online felhasználók száma

Munkafelület

A munkafelület közvetlenül a menüsáv és eszköztár alatt található és a menü vagy

eszköztár használata/állapota szerint változik.

Általános Eszköztár-ikonok

Mentés

az ikonra kattintva az új vagy már létező, de

éppen szerkesztés alatt álló elem kerül

mentésre

Mégsem

az ikonra kattintva mentés vagy

változtatás nélkül visszaléphetünk

Alkalmaz

az ikonra kattintva a változtatás érvénybe

lép anélkül hogy az aktuális részből kilépne

15.

Súgó

ez a legtöbb szoftvernél előforduló súgó

ikon, amely valójában egy a

http://help.joomla.org webcímre mutató link

Közzététel:

az ikonra kattintva a kategória vagy elem

publikálásra kerül. Ezeket az elemeket látja

a honlap látogatói is láthatják

Visszavonás

az ikonra kattintva a kategória vagy elem

publikálása megszűnik.

Törlés

A lomtárba helyezi az elemet

Archiválás

Kattintsunk erre az ikonra, ha az elemet az

Archívumba szeretnénk áthelyezni

Új

az ikonra kattintva új elem, kategória,

szekció,link stb kerül létrehozásra

Módosítás

az ikonra kattintva egy létező, kijelölt

elem kerül szerkesztésre

Áthelyezés

az ikonra kattintva egy létező, kijelölt

elemet másik szekcióba vagy kategóriába

helyezhetünk át

Másolás

az ikonra kattintva egy létező, kijelölt

elem másolatát hozhatjuk létre egy másik

szekcióban vagy kategóriában

Előnézet

Erre az ikonra kattintva egy új, felugró

ablakban megnézhetjük, hogy is fog

kinézni a szerkesztett elem a mentés

után. Ha a böngészőben vagy más

szoftver segítségével letiltjuk a felugró

ablakok megjelenését, akkor az „előnézet"

funkció nem elérhető.

16.

Vezérlőpult

A Vezérlőpult hasznos információkat szolgáltató terület, amellyel az adminisztrátor

könnyen kiismerheti magát az adminisztrációs felületen. A vezérlőpultból közvetlenül

elérhető területek:

• Új tartalom hozzáadása • Médiakezelő

• Tartalmi részek kezelője • Lomtárkezelő

• Statikus tartalom kezelője • Menükezelő

• Főoldal-kezelő • Felhasználó-kezelő

• Szekciókezelő • Általános beállítások

• Kategória-kezelő

A vezérlőpult jobb oldali része alkalmas még arra, hogy megnézzük mely

felhasználók vannak bejelentkezve (innen akár ki is léptethetjük őket, a Kiléptetés (

ikonnal), elérhetjük a komponenseket, megnézhetjük, hogy melyek a legújabb és

legkedveltebb közzétett részek, valamint a menüket is kezelhetjük innen .

Teljes részletességgel nem tárgyalom a Joomlát, erre terjedelmi okokból sincs lehetőség.

Fontos lehet a felhasználók kezelése, hiszen itt tudjuk szabályozni, hogy ki milyen

jogosultságokkal rendelkezzen. Ennek beállítása nélkülözhetetlen, hacsak nem akarjuk

egymagunk szerkeszteni begépeléstől frissítésig, archiválásig a tartalmakat.

8. Bejelentkezett felhasználók

17.

4.4. Felhasználókezelés

A Felhasználó-kezelővel felhasználókat lehet hozzáadni, szerkeszteni és törölni. Két mód

van felhasználók létrehozására. Regisztrációval a felhasználók létrehozhatják saját

felhasználónevüket a Bejelentkezés űrlapon, vagy az arra jogosult

adminisztrátor is létrehozhat felhasználókat, ha azt szeretné, hogy a honlapot vagy

annak egyes oldalait csak bizonyos felhasználócsoportok láthassák.

A különböző hozzáférési jogosultságokkal rendelkező felhasználói csoportokat már

telepítés után egyből tartalmazza a Joomla!. A Joomla!-nak két fő hierarchikus

felhasználói csoportja van, egy a webes felülethez és egy az adminisztrációs

felülethez. A Nyilvános kiszolgáló és a Nyilvános felhasználó egyfajta összefoglaló

9. A felhasználókezelő

10. Csoportba sorolás

18.

főcsoport. A Nyilvános felhasználó csoportba tartoznak azok a felhasználók, akik a

honlapot, mint látogató, úgymond kívülállóként tekinthetik meg. A Nyilvános

kiszolgáló pedig a Joomla adminisztrációs felületre utaló jelölés.

Nyilvános felhasználói oldal

Regisztráltak

Szerző

Szerkesztő

Közzétevő

Nyilvános kiszolgáló oldal

Kezelő

Adminisztráció

Főadminisztrátor

Kezelő - a csoport tagjai új tartalmat hozhatnak létre illetve hozzáférésük van más

alrendszerekhez (pl. komponensek) is

Adminisztráció- e csoport tagjainak hozzáférése van a legtöbb adminisztrátori

művelethez.

Főadminisztrátor - e csoport tagjainak hozzáférése van minden adminisztrátori

művelethez

Regisztráció aktiválás

Alapértelmezésként, ha egy felhasználó regisztrálja magát a honlapon, a nevét,

felhasználói nevét, e-mail címét és jelszavát kell megadni.

Amikor a felhasználó elküldi a regisztrációs kérelmét, a felhasználó bejegyzésre kerül az

adatbázisban, de az aktiválásig a felhasználó nem léphet be. A felhasználó egy

aktivációs linket tartalmazó levelet kap. A felhasználó e linkre kattintva tudja aktiválni

("élesíteni") a regisztrációját, mely feltétlen szükséges ahhoz, hogy a lapon be tudjon

jelentkezni. Ennek előnye: a művelet ellenőrzi, hogy a felhasználó létezik és érvényes e-

mail címe van. A felhasználónak lehetősége van a jelszavát módosítani. Az

adminisztrátorok számára jobb áttekintést ad az aktivált és még nem aktivált

felhasználókkal kapcsolatban. A nem aktivált felhasználó blokkolva van a rendszerben.

A felhasználók menedzselésére szolgáló részben is létrehozhatunk új felhasználókat, itt

az adminisztrátor adja meg a felhasználó nevét, e-mail címét, jelszavát. A már

létező felhasználók attribútumait is megváltoztathatjuk (pl. csoport), de akár

törölhetjük is a felhasználókat.

19.

5. Szerkezeti felépítés

Hogyan kezdjünk hozzá a tartalmi elemek, képek, cikkek feltöltéséhez?

Alapelrendezésben: szekció > kategória > tartalmi elemek.

Addig nem lehet cikket hozzáadni amíg nincs kategória, de kategóriát se lehet csinálni

szekció nélkül.

Első lépésként gondoljuk végig, hogy körülbelül milyen legyen a honlap elrendezése

tartalmilag, szövegileg. Egyáltalán hány témát szeretnénk indítani és azok hányféle

alkategóriákból állnak majd.

Kezdésnek példaként legyen kettő fő téma:

1) gyufagyártás

2) gyufa forgalmazás

Hozzunk létre két szekciót ezekkel a címekkel (saját címekkel) "Tartalom" >Szekciók >új

A két szekcióhoz most létrehozunk 2-2 kategóriát.

a) fakitermelés

b) foszforkészítés

x) üzleteink

y) árjegyzék

Tartalom>Kategóriák>új és a megfelelő szekcióhoz rendeljük ezeket.

Ezzel kialakítottuk a honlap vázát, fő szerkezetét.

Célszerű a kategóriát menühöz rendelni, ezt megtehetjük a kategória létrehozásakor de a

menü opcióknál is, később.

Ami fontos, hogy a menük címei egyszerűek legyenek és lehetőleg kulcsszavak mert ez

fog látszani a felső kék fejlécen:

Az én oldalam - Fakitermelés - cikk címe. A keresőkben is ez fog megjelenni a

találatoknál (ált)

5.1. A tartalmi elemek feltöltése.

Tartalom> Tartalom szekciónként> válasszuk ki az egyiket és ÚJ. A kész oldalt rendeljük

a megfelelő szekcióhoz - kategóriához.

A szövegek szerkeszthetősége nagyban függ a szövegszerkesztőtől.

Alapértelmezés a TinyMCE wysiwyg szerkesztő, melynek egyszerű nézete nem sok

lehetőséget kínál, speciális módban már használható, de igazán jól bővített módban

érdemes használni:

20.

Ezeket a beállításokat a Beépülő modul-kezelő> Szerkesztő - TinyMCE tudjuk elérni.

A szerkesztésnél lényeges, hogy úgy próbáljuk elrendezni a szöveget képet, mintha valami

újság oldal lenne. Mindig legyen FŐCÍM ami a forráskódban <h1> legyen és legyenek

alcímek kiemelve, <h2>, <h3>...., vastagítva, más színnel,stb.

A keresőrobotok az ezekben lévő kulcsszavak alapján rangsorolnak, feltéve, hogy a normál

szövegben is előfordulnak ezek a kulcsszavak.

Próbáljuk meg úgy megfogalmazni az oldal tartalmát, hogy a kulcsszó lehetőleg

ragozatlanul kerüljön a szövegbe, lehetőleg úgy ahogy az adott kulcsszóra bárki rákeresne.

Elrendezés:

A keresőrobotok és az olvasók szempontjából is a legcélravezetőbb elrendezés, ha az egyik

menügombra kattintva egyből elérhető a tartalmi elem, mint egy statikus honlapnál. Ez

általában megoldható, ha kevés mondanivaló van, de ha tartalmas lapot akarunk létrehozni

ez nem fog menni.

Képek hozzáadása:

Egy - egy releváns képet szúrjunk be a szöveg közé, színesítsük az oldalt, de a lényeg a

szöveg legyen ne a képek.

21. TinyMCE – egyszerű módban 12. TinyMCE – speciális módban 13. TinyMCE – bővített módban

21.

6. Egy gyakorlati példa

Végezetül egy példán szeretném bemutatni a közös munka lehetőségét:

A nyilvános felhasználói oldal Regisztráltak csoport tagja. Ha megnézünk egy példaoldalt,

láthatjuk, hogy nincs különös joga:

sztomi nevű felhasználó:

A nyilvános felhasználói oldal Közzétevő csoport tagja. A paraméterek között

szövegszerkesztőt rendelhetünk hozzá.

Ha megnézünk egy példaoldalt, láthatjuk, hogy új ikon, a szerkesztés is megjelent a

cikknél.

14. Regisztrált felhasználó 15. Cikk, amit wali csak olvashat

16. sztomi: Közzétevő

22.

Ha rákattint az ikonra, akkor

megnyílik a szövegszerkesztő-ablak

és módosíthat.

Természetesen a Joomla! ezernyi lehetőségét, a sablonok testreszabását, a rendkívül sok

hasznos komponens és modul telepítését, használatát csak kitartó gyakorlás, próbálgatás

során lehet elsajátítani. Azonban egy kezdeti segítségnek talán elég ennyi, hogy bátran neki

merjen vágni a kezdő honlap-mester az iskolai honlap elkészítésének.

17. Cikk, szerkesztés ikonnal

18. sztomi szerkesztheti ezt a cikket

23.

Képek jegyzéke

1. wamp-ikon a tálcán ........................................................................................................................ 8

3. phpmyadmin kezdőoldal ................................................................................................................. 8

2. wamp menü ..................................................................................................................................... 8

4. localhost a wamp telepítése után .................................................................................................... 9

5. Sikeres telepítés után ................................................................................................................... 10

7. Az admin felület ............................................................................................................................ 11

6. Belépés az admin felületre ............................................................................................................ 11

8. Bejelentkezett felhasználók .......................................................................................................... 16

10. Csoportba sorolás ...................................................................................................................... 17

9. A felhasználókezelő ...................................................................................................................... 17

11. TinyMCE – egyszerű módban ..................................................................................................... 20

12. TinyMCE – speciális módban ..................................................................................................... 20

13. TinyMCE – bővített módban ....................................................................................................... 20

14. Regisztrált felhasználó ............................................................................................................... 21

15. Cikk, amit wali csak olvashat ..................................................................................................... 21

16. sztomi: Közzétevő ...................................................................................................................... 21

17. Cikk, szerkesztés ikonnal ............................................................................................................ 22

18. sztomi szerkesztheti ezt a cikket .................................................................................................. 22

Felhasznált irodalom:

1. http://www.tutorial.hu/letoltes/dl/konyvek/mambo_admin_kezikonyv.pdf , ut.m.:

2008. május 14

2. http://forum.joomla.org.hu/telepites-f30.html, út.m.: 2010. május 9

3. http://www.webprogramok.hu/joomla-tippek-segitsegek ut.m.: 2010. május 9.

4. http://wiki.joomla.org.hu/Video:_Wampserver_be%C3%A1ll%C3%ADt%C3%A1

sa_els%C5%91_haszn%C3%A1lat_el%C5%91tt

24.

Melléklet

Néhány kép iskolám – általam szerkesztett - honlapjáról:

Ha már sikerült elkészíteni a honlapot, akkor nem szabad megfeledkezni a következőről:

Az itt olvasható adatokat az iskolai honlapokon kötelező közzétenni.:

25.

10. számú melléklet a 11/1994. (VI. 8.) MKM rendelethez

Különös közzétételi lista a nevelési-oktatási intézmények részére

(A lista személyes adatokat nem tartalmazhat)

Óvodák

1. Óvodapedagógusok száma

2. Óvodapedagógusok iskolai végzettsége, szakképzettsége

3. Dajkák száma

4. Dajkák szakképzettsége

5. Óvodai nevelési év rendje

6. Óvodai csoportok száma, illetve az egyes csoportokban a gyermekek létszáma

Iskolák

1. A pedagógusok iskolai végzettsége és szakképzettsége hozzárendelve a helyi tanterv

tantárgyfelosztásához

2. A nevelő és oktató munkát segítők száma, feladatköre, iskolai végzettsége és szakképzettsége

3. Az országos mérés-értékelés eredményei, évenként feltüntetve

4. Az intézmény lemorzsolódási, évismétlési mutatói

5. Általános iskolákban a volt tanítványok nyolcadik-kilencedik évfolyamon elért eredményei,

évenként feltüntetve, középiskolai, szakiskolai továbbtanulási mutatók

6. Középiskolákban az érettségi vizsgák átlageredményei, évenként feltüntetve

7. Szakképzésben részt vevő iskolákban a pályakövetés eredményei

8. Szakkörök igénybevételének lehetősége, mindennapos testedzés lehetősége

9. Hétvégi házi feladat szabályai, iskolai dolgozatok szabályai

10. Iskolai tanév helyi rendje

11. Iskolai osztályok száma, illetve az egyes osztályokban a tanulók létszáma

Kollégiumok

1. A pedagógusok iskolai végzettsége és szakképzettsége

2. Szabadidős foglalkozások köre

3. Kollégiumi tanév helyi rendje

4. Kollégiumi csoportok száma, illetve az egyes csoportokban a tanulói létszám

Alapfokú művészetoktatási intézmények

1. A pedagógusok iskolai végzettsége és szakképzettsége hozzárendelve a helyi tanterv

tantárgyfelosztásához

2. A nevelő és oktató munkát segítők száma, feladatköre, iskolai végzettsége és szakképzettsége

3. Az alapítás évéhez viszonyítva hány előképző, alapfokú és továbbképző évfolyamot működtet

4. Az országos, nemzetközi és egyéb szakmai bemutatókon, rendezvényeken, versenyeken,

fesztiválokon, kiállításokon való részvétel

5. Megyei, területi szakmai bemutatókon, versenyeken elért eredmények

6. Az intézmény saját rendezvényei, hagyományai

7. A helyi kulturális életben történő szerepvállalás

8. A tanév helyi rendje

9. Művészeti áganként a csoportok száma, illetve a csoportok tanulói létszáma