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. 2. 3. 4. 5.
lépés: Kattintsunk a menüben a „Grafikon adatok” pontra. lépés: A „Grafikon adatlapja” résznél kattintsunk az „Új grafikon” gombra. lépés: Adjuk meg a grafikon címét és forrását. lépés: Az újonnan felvett grafikon sorában kattintsunk az „Adatok…” gombra. 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. 2. 3. 4. 5.
lépés: Kattintsunk a menüben a „Grafikon adatok” pontra. lépés: A „Grafikon adatlapja” résznél kattintsunk az „Új grafikon” gombra. lépés: Adjuk meg a grafikon címét és forrását. lépés: Az újonnan felvett grafikon sorában kattintsunk az „Adatok…” gombra. 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.
