PANNON EGYETEM MATEMATIKAI INTÉZET VESZPRÉM

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

Név: SZÉKELYHIDI TAMÁS INFORMATIKATANÁR MA, LEVELEZŐ

Veszprém 2010

Tartalomjegyzék

1.

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

2.

Hogyan fogjunk hozzá ......................................................................................................... 4 2.1.

3.

A wamp szerver ................................................................................................................... 8 3.1.

4.

5.

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

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

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

6.

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

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

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

Képek jegyzéke .......................................................................................................................... 23 Felhasznált irodalom: ................................................................................................................ 23 Melléklet.................................................................................................................................... 24

2.

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.

3.

É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. próbáljuk

megoldani

Én nem tartom szégyenletesnek azt, ha minél egyszerűbben 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

4.

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

5.

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

6.

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

7.

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 1. wamp-ikon a tálcán

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.

2. wamp menü

3. phpmyadmin kezdőoldal

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.

8.

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

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

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!

9.

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

5. Sikeres telepítés után

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.

10.

4.1.Az első Joomlánk

7. Az admin felület

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

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.

11.

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

12.

(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

13.

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 az ikonra kattintva az új vagy már létező, de Mentés

éppen szerkesztés alatt álló elem kerül mentésre az ikonra kattintva mentés vagy

Mégsem

változtatás nélkül visszaléphetünk az ikonra kattintva a változtatás érvénybe

Alkalmaz

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

14.

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

ikon, amely valójában egy a http://help.joomla.org webcímre mutató link

az ikonra kattintva a kategória vagy elem Közzététel:

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. A lomtárba helyezi az elemet

Törlés Archiválás

Kattintsunk erre az ikonra, ha az elemet az Archívumba szeretnénk áthelyezni az ikonra kattintva új elem, kategória,

Új

Módosítás

szekció,link stb kerül létrehozásra az ikonra kattintva egy létező, kijelölt elem kerül szerkesztésre az ikonra kattintva egy létező, kijelölt

Áthelyezés

elemet másik szekcióba vagy kategóriába helyezhetünk át az ikonra kattintva egy létező, kijelölt

Másolás

elem másolatát hozhatjuk létre egy másik szekcióban vagy kategóriában Erre az ikonra kattintva egy új, felugró ablakban megnézhetjük, hogy is fog kinézni a szerkesztett elem a mentés

Előnézet

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ő.

15.

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 .

8. Bejelentkezett felhasználók

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.

16.

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 17.

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 email 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.

18.

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

x) üzleteink

b) foszforkészítés

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ó, érdemes használni:

19.

de igazán jól bővített módban

21. TinyMCE – egyszerű módban

12. TinyMCE – speciális módban

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

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

legyen és legyenek alcímek kiemelve,

,

...., 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.

20.

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

14. Regisztrált felhasználó

15. Cikk, amit wali csak olvashat

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ó:

16. sztomi: Közzétevő

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.

21.

Ha

rákattint

az

ikonra,

akkor

megnyílik a szövegszerkesztő-ablak és módosíthat. 17. Cikk, szerkesztés ikonnal

18. sztomi szerkesztheti ezt a cikket

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.

22.

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

23.

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.:

24.

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

25.