Adminisztrációs felület Felhasználói kézikönyv Általános információk Az adminisztrációs felület a http://www.vht.hu/admin.php címen érhető el. A használat belépéshez kötött: Az adminisztrációs belépési adatokat külön dokumentumban közöljük. A belépést követően az admin felület főoldalára érkezünk, innen tudjuk kezelni az egyes modulok tartalmát és beállításait.
Rovat kezelő A rendszerben szereplő cikkek mindig rovatokon belül helyezkednek el. A rovatok kezelését a ROVATOK menüponton keresztül érhetjük el. Először is egy listát látunk a rendszerbe feltöltött rovatokkal. Minden rovathoz tartozhatnak alrovatok (almenühöz hasonlítható). Alrovat esetén a Főrovat oszlopban láthatjuk a szülő rovat nevét. A rovatok két állapotban lehetnek (aktív és passzív). A rovat státuszát az Aktív oszlopban szereplő checkbox-ok segítségével állíthatóak. A rovatok sorrendje tetszőlegesen változtatható amelyet a Sorrend oszlopban szereplő Le/Fel nyilakkal lehet kezelni. A rovat minden esetben kell, hogy rendelkezzen egy címmel. Ezt a címet a Rovat cím oszlopban találjuk. A rovat adatait és beállításait módosíthatjuk a Módosít gombbal. Illetve törölhetjük azt a Törlés gombbal. A rovat sorok alatt találjuk az egyes rovatok permalinkjét, amely egy állandó URL hivatkozás, amelyet az egyes hivatkozásokhoz vagy szövegbe történő linkelésekhez használhatjuk.
A rovat adatlapja a következő mezőkből áll: Főrovat: Egy legördülő listából választhatjuk ki (amennyiben alrovatot szeretnénk felvenni). Amennyiben főrovatot akarunk hozzáadni, úgy ezt a mezőt hagyjuk szabadon. Cím: A rovat címét adhatjuk meg itt. A cím maximum 255 karakter lehet. Pozíció: Jelen esetben nem kell kitölteni. Rovat-ikon: Jelen esetben nem kell megadni. Minden rovaton végzett művelet esetében a Mentés gombbal lehet véglegesíteni a változtatásokat.
Cikkek kezelése Az oldalon szereplő tartalmak bizonyos esetekben cikkekben vannak tárolva. Ezen tartalmak szerkesztését végezhetjük a cikk kezelőből. Rovatok listázása Amennyiben szeretnénk egy adott rovat cikkeit megtekinteni, úgy kattintsunk a rovat neve mellett található nyílra. Ekkor legördül a rovaton belüli cikklistázó. A cikkek között kereshetünk a fejlécben található kulcsszavas kereső segítségével. A cikkek listája az alábbi rendszer szerint épül fel: Cikk aktiválása jelölő dobozzal tudjuk aktiválni illetve inaktív állapotba állítani az adott cikket. A cikk címe alapján azonosíthatjuk be az egyes tartalmakat. A cikk dátuma jelöli a megadott feltöltési idpontot. Permalink: Állandó URL hivatkozás az adott cikkre, amelyet később bizonyos tartalmakba illeszthetjük be. Amennyiben a cikket módosítani szeretnénk, úgy kattintsunk a Szerkeszt gombra. Amennyiben a cikket törölni szeretnénk, úgy kattintsunk a Törlés gombra. A rovat nevek mellet található Törlés gomb segítségével a rovat összes cikkét törölhetjük.
A cikk-szerkesztő Amennyiben egy adott rovathoz új cikket szeretnénk hozzáadni, úgy kattintsunk az Új cikk... gombra. Rovat: Itt kell megadnunk, hogy az adott cikk melyik rovatba tartozik. Cikk címe: Itt kell megadnunk a cikk címét (ez a szöveg fog megjelenni az egyes cikkoldalak tetején). Maximum 255 karakteres lehet. Alcím: Opcionális mező, maximum 255 karakter lehet. A cikk címe alatt közvetlenül megjelenő szövegsor. Lead: Rövid bevezető szöveg, amely a cikk címe és a cikk szövege között jelenik meg (félkövér betűtípussal). A bevitt karakterek száma nincs korlátozva. Cikk szövege: A cikk részletes szöveges tartalma. Egy úgynevezett WYSIWYG szerkesztőn keresztül kezelhetjük a tartalmat. Ennek köszönhetően igen sokféle szövegformázási beállítást valósíthatunk meg. Íme a WYSIWYG szövegszerkesztő részletes bemutatása: A szövegszerkesztő felületre csak formázatlan (nyers) szöveget lehet beilleszteni. Amennyiben egy website vagy word dokumentum szöveges tartalmát akarjuk bemásolni a
szerkesztői felületbe, úgy az előtte egy NotePad (jegyzettömb) alkalmazásba kell beszúrni, hogy elveszítse a nem szabványos formázási tulajdonságait. Ezután már szabadon beilleszthető és formázható az adott szöveg. A formázáskor ügyelni kell, hogy a szövegben az egyszerű sortöréseket nem a szimpla Enter gomb leütésével, hanem a Shift+Enter billentyűkombinációval lehet elvégezni. A síma Enter leütése új bekezdést nyit, így sok esetben az előre beállított formázások elvesznek. A feltölthető képek mérete darabonként maximum 1 Mb. lehet. A kép szélességi és magasággi beállításait az ügyfél végezheti a szerkesztői rendszeren keresztül. A szerkesztői felület emelei: Betűtípus: itt állítható be a szöveg betűtípusa. A legördülő listában csak a webstandard betűtípusok használhatóak. Ettől eltérő betűtípus alkalmazása nem támogatott. Betűméret: A szöveg betűmérete állítható be. Csak a webstandard betűméretek állíthatóak be. Ettől eltérő méret alkalmazása nem támogatott. Előformázások: Amennyiben a szöveget előformázással szeretnénk használni, úgy az előre definiált szövegformátumokat alkalmazhatjuk. B : Bold félkövérré teszi a kijelölt szövegrészt. I : Italic dőltté teszi a kijelölt szövegrészt. U : Underline aláhúzza a kijelölt szövegrészt. S : Strikethrough áthúzza a kijelölt szövegrészt. Alsó index: a kijelölt szöveget a balról mellette álló szöveghez viszonyítva az alsó index be helyezi. Felső index: a kijelölt szöveget a balról mellette álló szöveghez viszonyítva az felső index be helyezi. Másolás: a kijelölt szöveget a vágólapra illeszti. Kivágás: a kijelölt szöveget kivágja. Beillesztés: a vágólap tartalmát a szerkesztőbe emeli.
Visszavonás: a legutóbbi parancsot visszavonja. Újra végrehajtás: a legutóbb visszavont parancsot, újra végrehajtja. Balra igazítás: a kijelölt szövegrészt balra igazítja. Középre igazítás: a kijelölt szövegrészt középre igazítja. Jobbra igazítás: a kijelölt szövegrészt jobbra igazítja. Sorkizárás: a kijelölt szövegrészt sorkizártra igazítja. Behúzás jobbra: a kijelölt szövegrészt jobbra húzza be. Behúzás balra: a kijelölt szövegrészt balra húzza be. Szövegszín: a kijelölt szöveg színét lehet megadni. Szöveg háttérszín: a kijelölt szöveg háttérszínét lehet megadni. Vízszintes vonal: egy a szöveg tetszőleges pontjába vízszintes elválasztó vonal illeszthető be. Link: egy kijelölt szöveget alakíthatunk linkké: a felugró ablakban adjuk meg első mezőben az URL t (pl.: http://www.vht.hu), a második mezőben adjunk meg egy tetszőleges címet (bármi lehet), a harmadik mezőben pedig megadhatjuk, hogy a link egy új ablakban van az alapértelmezett ablakban nyíljon e meg. Kép beszúrása: Itt szúrhatunk be a felületre képek. A felnyíló ablakban láthatjuk a feltöltött képeket illetve a könyvtárakat (amennyiben a tartalmi képeket könyvtárakba rendezzük). Egy képet kiválasztani a fájlra történő kattintással lehet. Törölni az alatta lévő kuka ikonnal lehet. A kép méretét az kép alatt megjeleníti a rendszer. A kép kiválasztása után további paramétereket is megadhatunk pl.: szélesség (width), magasság (height), igazítás (align), vízszintes eltartás (hspace), függőleges eltartás (vspace), keret (border). Új kép feltöltéséhez a tallózás gombra kattintva a saját gépünkről válasszuk ki a feltölteni kívánt fájlt, majd kattintsunk az Upload gombra. Ezután ugyan az a képbeszúrás menete. Amennyiben végeztünk teendőinkkel, úgy kattintsunk az Ok gombra. Főkép: Minden cikkhez opcionálisan tartozhat egy főkép. Ez a kép jelenik meg, amikor egy cikk előnézetében vagy részletes nézetében vagyunk. A kép mérete nem haladhatja meg az 1 Mb ot illetve JPEG, GIF, PNG, BMP formátumú lehet. A képek feltöltésekor figyeljünk továbbá arra, hogy a fájl neve ne tartalmazzon speciális karaktereket (pl.:!,?, :, *, +, stb ) illetve lehetőleg az ékezetes fájlneveket is kerüljük. Kép forrása: Amennyiben olyan képet szeretnénk feltölteni, amelynél a szerzője megkötötte, hogy meg kell jeleníteni őt, mint forrást, úgy ide írjahtjuk be azt. Ez a kép alatt, halvány, dőlt betűkkel fog megjelenni. Tag ek: A keresőoptimalizálási szempontból lényeges kulcsszavakat kell itt megadni vesszővel elválasztva (pl.: telefon, mobil telefon, nokia, symbian). Ezek a tag ek erősítik a rendszeren belüli kereshetőséget. Szerző: A cikk szerzőjének neve. Maximum 255 karakter lehet. Dátum: A cikk dátuma év/hó/nap (éééé/hh/nn) formátumban.
Title sor: A böngésző fejlécében szereplő címsor igen fontos a google találatok szempontjából. Itt adhatjuk meg cikkenként, hogy mi is legyen a címsor felirata. Maximum 255 karakter lehet. Érdemes a cikk címével megegyező szöveget megadni. Keywords meta data: Szintén a keresőkben való jó szereplést segíti. Érdemes a tag ekkel megegyező adatokat megadni. Description meta data: Szintén a keresőkben való jó szereplést segíti. Érdemes a lead el megegyező adatokat megadni. Opciók: A rendszerben ezen a ponton nem használt elemek.
Felhasználók kezelése A felhasználók kezelése alatt tudjuk az oldalon regisztrált felhasználókat felvenni, módosítani és törölni. A felhasználók listájában a user-ek nevét és regisztrációs dátumát láthatjuk. Mellette találjuk az adatok szerkesztéséhez szükséges Módosít gombot illetve a Törlés gombot. Amennyiben új felhasználót szeretnénk felvenni, úgy kattintsunk az Új felhasználó gombra. Majd adjuk meg az alábbi adatokat. Név: A felhasználó teljes neve. Maximum 255 karakter lehet. Becenév: A felhasználó beceneve (belépési név). Ez lesz a későbbiekben a felhasználó login neve. Maximum 255 karakter lehet. Jelszó: A felhasználó jelszava. Maximum 255 karakter lehet. Jelszó mégegyszer: Az előbb megadott jelszó biztonsági ismétlése. Max. 255 karakter. Avatar: Amennyiben a felhasználó rendelkezik magáról képpel, úgy itt tudja az kiválasztani. A módosítások / új adatok megadása végeztével kattintsunk a Mentés gombra az adatok tárolásához.
Szöveges tartalom kezelése A szöveges tartalmú oldalak kezeléséhez egy szerkesztői modul áll rendelkezésre, amely segítségével szöveget, videó anyagot és dokumentumokat tudunk az oldalra feltölteni. SZÖVEGES TARTALOM KEZELÉSE Itt egy WYSIWYG szerkesztői ablakot láthatunk, amely segítségével a szöveges tartalmat kezelhetjük. Lehetőség van alapvető formázásokra és képi anyag beillesztésére az oldalba.
VIDEÓ BEÁGYAZÁSA Amennyiben az oldalon videó tartalmat szeretnénk elhelyezni, úgy erre itt van lehetőségünk. Az elsődlegesen támogatott módszer a YouTube videók beágyazása az oldalba. Az itt található szöveg dobozba kell beilleszteni a videó anyag beépülő kódját, amelyet a youtube videó lejátszási ablaka alatt található Embed video blokkból tudunk átemelni. KAPCSOLÓDÓ DOKUMENTUMOK KEZELÉSE Amennyiben az oldalon dokumentumot szeretnénk elhelyezni, úgy itt tudjuk azt megtenni. Az oldalra PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, TXT, XML és RTF kiterjesztésű állományokat lehet feltölteni. Amennyiben új dokumentumot szeretnénk hozzáadni, úgy kattintsunk a Hozzáad gombra, majd adjuk meg az alábbi adatokat: Dokumentum neve: A feltölteni kívánt dokumentum rendszerben megjelenített neve (nem egyezik meg a fájl nevével, hanem egyedi név kell, amely alapján könnyen beazonosítható a dokumentum; akár a dokumentum címe is lehet). Maximum 255 karakter lehet. Feltöltendő dokumentum: itt választhatjuk ki a helyi gépünkről a feltölteni kívánt állományt. Az adatok beállításának végeztével kattintsunk a Mentés gombra.
Kampányok kezelése A redszerben lehetőség van kampány dobozok elhelyezésére a főoldalon. Ehhez az adminisztrációs felületen kattintsunk a KAMPÁNYOK menüpontra. A felső részen láthatjuk a már rendszerbe felvett kampányokat. Alul a kampányok szerkesztéséhez kialakított kampány adatlapot láthatjuk. A felső listában egy jelölő dobozzal tudjuk aktívvá (a főoldalon megjelenővé) tenni a kiválasztott kampányt. Mellette láthatjuk a kampány nevét illetve a Módosít és a Töröl gombokat. Amennyiben egy kampányt szeretnénk szerkeszteni, úgy kattintsunk az Új kampány hozzáadása... gombra, majd adjuk meg az adatlap mezőit. Az első adat a kampány neve (ez kötelező mező). Amennyiben egy képet töltünk fel a kampány dobozába, amelyet szeretnénk egy aloldalra vagy külső oldalra linkelni, úgy adjuk meg a hivatkozás (URL) mezőt. A kép mezőben tudjuk feltölteni az oldalra a kampány megjelenéséhez szükséges (flash vagy kép) swf vagy jpg, gif, png fájlt. Abban az esetben, ha szöveges dobozt szeretnénk létrehozni, úgy a doboz címébe adjuk meg a kampány címét és utána a bevezető szöveget a doboz lead-be. Amennyiben kampányunk egy külső behívó kód meghívását teszi szükségessé, úgy azt a külső forráskód mezőbe tudjuk beilleszteni. Ez után adjuk meg a doboz méretét. A rendszerben két méretben szerepelnek dobozok: közepes és nagy. A közepes a tartalmi rész felének megfelelő méret, így egy sorba kettő fér el. A nagy méret esetében egy sorban egy doboz fér el, mivel ez a teljes tartalmi rész szélességével egyenlő. Flash alapú doboz esetében meg kell adni az animáció szélességét és magasságát a Flash szélessége és a Flash magassága mezőkben. Legvégül pedig meg kell adni a megjelenő elemeket (ezt csak a szöveges kampánydoboz esetében kell megtenni). Legvégül pedig kattintsunk a mentés gombra.
Dobozok kezelése A rendszerben beállíthatjuk, hogy milyen főoldali dobozok milyen paraméterekkel jelenjenek meg. Az egyes szürke dobozok az oldalakon lévő boxokat prezentálják. Felül a boksz neve látható, mellette a megjelenítés engedélyezésére szolgáló jelölő doboz. A NÉV mezőben adhatjuk meg a doboz megjelenített nevét. Az URL mezőben pedig azt a webcímet fűzhetjük hozzá a dobozhoz, amely címre szeretnénk irányítani a felhasználót. Az adatok módosításának végeztével kattintsunk a mentés gombra. A dobozok sorrendjét a le / fel mutató nyilakkal tudjuk módosítani.
Bannerek kezelése Az oldalon lehetőség van bannerek elhelyezésére. Az admin felületen kattintsunk a BANNEREK menüpontra. Itt elsőként egy listát láthatunk a már rendszerben lévő bannerekről. Láthatjuk a kampány nevét, a zónát (az a pozíció, amiben a bannert el kívánjuk helyezni), a banner típusát illetve a kihelyezés dátumát. Alatta találjuk a banner adatlapot, amelyen a banner tulajdonságait szerkeszthetjük. Amennyiben új bannert szeretnénk feltölteni, úgy kattintsunk az Új banner gombra.
Új banner feltöltése illetve meglévő banner módosítása esetén elsőként a kampány nevét kell megadni. Ezek után ki kell választani a használni kívánt zónát (az a pozíció, amiben a bannert el kívánjuk helyezni). A következő lépésben ki kell választani a megjelenés típusát: Főoldal: Csak a főoldalon jelenik meg. Aloldal: Csak az aloldalakon jelenik meg (mindegyik aloldalon). Cikkek: Csak a cikkek esetében jelenik meg. Mindenhol: Minden oldalon megjelenik. Ezt követően kell a banner dimenzióit definiálni pixelben (szélesség, magasság). Ezek után választhatjuk ki a banner típusát: Flash: swf kiterjelsztésű animált banner. Image: jpg, png, gif kiterjesztésű képfájl. Külső: JavaScript vagy egyéb külső forráskód alapú banner. A következő lépésben tallózzuk be a banner fájlt. Amennyiben Külső behívó kóddal rendelkező bannert alakalmazunk, úgy a Behívó kód mezőbe illesszük be a banner készítőjétől kapott forráskódot. Amennyiben a flash bannerünk úgynevezett click-tag-el rendelkezik, úgy a Behívó kód mezőbe adjuk meg a hivatkozni kívánt URL-t.
Banner-statisztika Amennyiben az egyes bannerkampányok kattintási statisztikáira vagyunk kíváncsiak, úgy az admin felületen kattintsunk a Banner-stat menüpontra. Itt láthatjuk egy grafikonon, hogy az egyes kampányok milyen kattintási eredményeket hoztak. (A grafikon címkézésén láthatjuk a 4K elnevezést ez 4000-nek felel meg.) Grafikonok kezelése Az oldalon lehetőségünk van statisztikai adatok elhelyezésére, két különböző formában. Felül láthatjuk a rendszerben jelenleg szereplő statisztikákat: azonosító, statisztika címe, létrehozás dátuma. Mellette láthatjuk a funkció gombokat: Adatok (kattintás után szerkeszthetjük a statisztika adatait), Módosít (a statisztika főbb tulajdonságait szerkeszthetjük), Törlés (törölhetjük a statisztikát), Élesítés (élesíthetjük a statisztikát). Ez alatt találjuk meg a beágyazó kódot, amelyet abban az esetben kell használni, ha a statisztikát grafikon formájában szeretnénk egy oldal szöveges tartalmába illeszteni. Alatta a táblázat kódot láthatjuk, amely segítségével az adatokat táblázatos elrendezésben jeleníthetjük meg az arra kijelölt oldalon.
Alul a grafikon adatlapját láthatjuk, ahol meg lehet adni a grafikon nevét illetve az adatok forrását. Az Új grafikon gomb segítségével új statisztikát készíthetünk. Adatok kezelése Amennyiben az alap adatokat már megadtuk a statisztika készítésénél, úgy kattintsunk az Adatok gombra. Ekkor megjelenik a grafikon adatsorok listája. Azonosító, az ország neve, rögzítés dátuma. Mellettük a módosít, töröl és az adott sort aktiváló Élesít gomb. Minden sorhoz külön is tartozik egy-egy beágyazó kód, amennyiben az adatsorokból külön is szeretnénk grafikont készíteni. Amennyiben adatsort akarunk hozzáadni a statisztikához, úgy kattintsunk az Új adatsor gombra. Ezek után adjuk meg az ország nevét a grafikonon szereplő, országhoz tartozó színt, majd ezek után az 51 hétre vonatkozó számadatokat (legalább is annyi, amennyit ismerünk, tehát nem kötelező mind az 51 mező kitöltése). A végén pedig kattintsunk a Mentés gombra.
Példa a grafikon használatára Az alábbi példában egy több ország statisztikai adatait megjelenítő grafikont illesztünk be egy adott oldal tartalmába. 1. lépés: Kattintsunk a menüben a Grafikon adatok pontra. 2. lépés: A Grafikon adatlapja résznél kattintsunk az Új grafikon gombra. 3. lépés: Adjuk meg a grafikon címét és forrását. 4. lépés: Az újonnan felvett grafikon sorában kattintsunk az Adatok gombra. 5. lépés: Az Adatsor űrlap résznél kattintsunk az Új adatsor gombra, majd adjuk meg a szükséges adatokat. 6. lépés: Az újonnan felvett adatsor mellett kattintsunk az Élesít gombra. 7. lépés: A menüben ismét kattintsunk a Grafikon adatok gombra. 8. lépés: Kattintsunk a grafikon sora mellett szereplő Élesítés gombra. 9. lépés: Másoljuk ki a vágólapra a Beágyazó kód mezőben szereplő forráskód részletet. Majd lépjünk be abba cikkbe / szöveges oldalba, amelyben a grafikont el kívánjuk helyezni. 10. lépés: A szövegszerkesztő dobozban a felső sorban hátúlról a harmadik ikonra kattintsunk rá ( ), majd a megnyíló popup ablakba másoljuk be a vágólapról a kódot és kattintsunk az Insert gombra. Ezek után zárjuk be ezt a popup ablakot és mentsük a tartalmat. Példa a táblázat-kód használatára Az alábbi példában egy több ország statisztikai adatait megjelenítő táblázatot illesztünk be egy adott oldal tartalmába. 1. lépés: Kattintsunk a menüben a Grafikon adatok pontra. 2. lépés: A Grafikon adatlapja résznél kattintsunk az Új grafikon gombra. 3. lépés: Adjuk meg a grafikon címét és forrását. 4. lépés: Az újonnan felvett grafikon sorában kattintsunk az Adatok gombra. 5. lépés: Az Adatsor űrlap résznél kattintsunk az Új adatsor gombra, majd adjuk meg a szükséges adatokat. 6. lépés: Az újonnan felvett adatsor mellett kattintsunk az Élesít gombra. 7. lépés: A menüben ismét kattintsunk a Grafikon adatok gombra. 8. lépés: Kattintsunk a grafikon sora mellett szereplő Élesítés gombra. 9. lépés: Másoljuk ki a vágólapra a Táblázat kód mezőben szereplő forráskód részletet. Majd lépjünk be abba cikkbe / szöveges oldalba, amelyben a grafikont el kívánjuk helyezni. 10. lépés: A szövegszerkesztő dobozban a felső sorban hátúlról a harmadik ikonra kattintsunk rá ( ), majd a megnyíló popup ablakba másoljuk be a vágólapról a kódot és kattintsunk az Insert gombra. Ezek után zárjuk be ezt a popup ablakot és mentsük tartalmat.
Kilépés Az adminisztrációs felület használatának végeztével, mindig lépjünk ki a rendszerből, nehogy a gépünket otthagyva illetéktelen személyek férjenek hozzá a szerkesztői rendszerhez.