1. Web 2.0 - WordPress

2. Web 2.0
 Internetes szolgáltatások gyűjtőneve, melyek a közösségre
épülnek
 a felhasználók közösen készítik a tartalmat vagy megosztják 
kollaboráció
 címkézés: lehetővé teszi fogalmak osztályozását. A fogalmak
csak egy kategóriába vagy alkategóriába tartozhatnak. Ezzel
szemben egy fogalomhoz több címke is tartozhat.  címkefelhő
 megnő a társadalmi mobilitás, vagyis bárki hozzáférhet a
„terjesztési csatornákhoz”
 internet  szociális háló (közösségek alakulása)

3. Web 2.0
 Web 2.0 jellemzői
 a web mint platform: a cél olyan webes szolgáltatások
fejlesztése, melyek felváltják az asztali alkalmazásokat
 az adat mint hajtóerő: a felhasználó birtokolja, szerkeszti és
teszi közzé az információt  adatvezérelt rendszerek
 részvételen alapuló tervezés: a felhasználó
közreműködésével jönnek létre az oldalak tartalmai
 komponensalapú fejlesztés: az alkalmazások több fejlesztő
által írt modulból állnak össze
 laza szervezeti struktúra: a webes szoftverek folyamatosan
fejleszthetők

4. Web 2.0

5. Web 2.0

6. Web 3.0 – szemantikus web?
 probléma: a neten lévő információk struktúrálatlanok, nehéz az
eligazodás. Két változat van a netezők között:
 a feed-jeik között nézelődnek
 linkről linkre kattintgatva keresik a tartalmat
 a szemantikus web egy „internetre emelt intelligens réteg”,
amely segít megtalálni a számunkra érdekes információkat
 erősen épít a mesterséges intelligenciára, amelynek
megvalósulása igencsak kérdéses
 a szemantika arra utal, hogy a weben lévő tartalmak
számítógépes műveletek segítségével nyernék el a jelentésüket

7. Web 2.0 szolgáltatások
 közösségi oldalak: Facebook, MySpace, LinkedIn, iWiW
 képmegosztó oldalak: Flickr, Picasa, Photobucket
 videómegosztó portálok: YouTube, Google Videos
 blogok: WordPress, Twitter
 online irodai alkalmazások: Google Calendar, Google Docs &
Spreadsheets
 hírforrások (feed-ek): RSS, Atom
 online tárhely: Box.net, Dropbox

8. WordPress
 Internetes blogok kialakulása: fogyasztóból  szerző
 Ezt segítik elő a blogrendszerek és a tartalomkezelő rendszerek
(CMS – Content Management System)
 WordPress: blogokhoz készített tartalomkezelő rendszer
 A rengeteg letölthető tartalom és kiegészítés miatt komolyabb
feladatok ellátására is alkalmas
 A rendszer használata egyszerű, a rendszerhez való fejlesztés
szaktudást igényel
 Elérhető hozzá számos design és plugin

9. Blog alternatívák
 Blogger – Google blog szolgáltatása
 Textpattern
 „nincs hozzá közösség”
 beépített SPAM védelem, RSS, oldal statisztika
 Moveable Type
 itt jelent meg először a trackback
 konfigurálható felhasználói szerepkörök
 Serendipity
 pluginek, témák, trackback, támogatás
 könnyű frissíteni, ha újabb verzió jön ki
 LyfeType, Flatpress, Nucleus
 CMS
 Drupal, Joomla, Frog CMS, TYPO, b2Evolution

10. Wordpress
 Elegáns, jó felépítésű publikálási rendszer PHP és MySQL alapokon
 Ingyenes rendszer, fejlesztése egészen 2001-ig nyúlik vissza
 Működés feltétele: PHP 4 és MySQL 3
 Adminisztrácója és karbantartása kezdők számára is egyszerű
 Rengeteg funkciót kínál, ami még bővíthető (pluginek)
 A kinézet könnyen változtatható, a weben vannak ingyenes
„témák” (theme).

11. Wordpress
 Felhasználók kezelése - jogosultsági szintek
 Hírforrások (RSS) támogatása
 legutóbbi bejegyzések, kategóriák, hozzászólások számára
 Permalinkek
 „tiszta” URL-ek használata
 Pingback, Trackback támogatás
 Jelszó védelem
 Dátumhoz kötődő bejegyzés publikálás
 Többoldalas bejegyzések (<!--nextpage-->)
 Kategóriák, címkézés
 Emotikonok
 E-mail blogolás
 Asztali blog alkalmazás, Word 2007-ből tudunk bejegyzéseket
publikálni!

12. WordPress – Trackback, Pingback
 Visszakövetés – Trackback
 arra való, hogy tudassuk egy másik blog tulajával, hogy a
bejegyzésünkben hivatkozunk rá
 Példa:
 Laci ír egy bejegyzést a blogjában
 Feri erre reagál, de nem hozzászólásként Laci blogjában,
hanem ír egy saját bejegyzést, és abban a Laci blogjában
lévő bejegyzés Trackback címére hivatkozik (általában a
bejegyzés címe /trackback)
 ha Laci fogadja a bejegyzéseket, akkor erről értesítést kap,
Feri bejegyzésének rövid kivonatával
 Pingback
 nem kell hozzá speciális link, a bejegyzésben lévő minden
linkre megpróbál pinget küldeni
 Beállítások / Interakció / Alapértelmezett cikk beállításai

13. Wordpress - Taxonómiák
 a taxonómiák arra szolgálnak, hogy valamilyen rendszerbe
foglaljuk a blog tartalmát (bejegyzések, linkek, oldalak)
 3 taxonómia van alapértelmezésben
 címkék
 kategóriák
 link kategóriák
 Linkeknél XFN kapcsolat megadása
 Xhtml Friends Network

14. WordPress beüzemelése – saját tárhelyre
1. Regisztrálni egy ingyenes webtárhelyre
 http://www.atw.hu (magyar oldal, nem teljes funkcionalitás)
 http://www.000webhost.com/ (külföldi oldal, teljes funkcionalitás)
2. A regisztráció után belépni az adminisztrációs felületre
 feljegyezni az FTP hozzáféréshez szükséges adatokat
 létrehozni a WordPress számára egy adatbázist, ennek is fel kell jegyezni
a hozzáférési adatait
3. A WordPress letöltése (http://www.word-press.hu)
4. A wp-config.php fájl szerkesztése, az adatbázis adatainak megadása
5. Majd a WordPress felmásolása a tárhelyre FTP segítségével
6. Létrehozni a wp-content/uploads könyvtárat 777 jogosultsággal
7. Phpmyadmin-ban az adatbázis kódolását beállítani latin1_swedish-ről
utf8_general-ra!!!
8. Majd a böngészőbe begépeljük a WordPress oldalunk címét, beírjuk a blog
címét, a rendszer ad egy jelszót, és már kezdhetjük a blog szerkesztését.

15. WordPress beüzemelése – a wordpress.com oldalon
1. Lehetőség van a WordPress oldalán (www.wordpress.com) saját blogot indítani
2. Menete:
 http://en.wordpress.com/signup/
 Megadjuk az adatokat, a felhasználónév lesz a blog címében az URL első része: pl.
valami.wordpress.com
 Elfogadjuk a nyilatkozatot
 A következő oldalon kiválasztjuk a nyelvet
 A rendszer küld egy e-mail üzenetet, amiben az aktivációs link lesz, erre kattintunk
és elkészül a blogunk.
 Belépés: http://felhasznalonev.wordpress.com/wp-admin
3. Előnyök
 megbízható tárhely, szinte 100%-os rendelkezésre állás
 nem kell a WordPress telepítési folyamatát végigcsinálni
4. Hátrányok
 korlátozott számú témák
 nem telepíthetők pluginek, pl. fórum, naptár, stb.

16. WordPress
 Vezérlőpult: legutóbbi hozzászólások, statisztikák, quickpress
(gyorsszerkesztő - bejegyzés írása), stb.
 Hozzászólásaim: a wordpress.com-os oldalakra írt hozzászólásainkat
láthatjuk, illetve az előtti és utána lévő hozzászólást
 Statisztikák
 Akismet statisztikák: a spam szűrő plugin statisztikája
 Blogszörfözés: kapcsolat más blogokkal, listázhatjuk a bejegyzéseiket
(felváltotta a Subscription – feliratkozás)
 Címkeszörfözés: egy adott címkéhez tartozó bejegyzéseket listázhatunk
 Connections: azon alkalmazások listája, amelyeknek korábban engedtünk
hozzáférést a blogunkhoz, ezeket itt törölhetjük

17. WordPress
 Blogjaim: a blogjaink listája, kapcsolat létrehozása Yahoo, Twitter,
Facebook vagy MSN Live azonosítónkhoz
bejegyzések írása e-mail-en (
http://en.support.wordpress.com/post-by-email/), telefonon
keresztül
 Store
 Domain hozzáadása: ha nem tetszik pl. a valami.wordpress.com
 VideoPress: videómegosztás a blogunk segítségével
 Custom Design: saját megjelenés hozzáadása a bloghoz
 Space Upgrades: tárhely növelése
 No-ads: reklámok letiltása a blogon
 Unlimited Private Users: korlátlan számú privát felhasználó
hozzáadása a bloghoz
 Domainek
 saját domain megadása, a wordpress oldalunk itt lesz elérhető

18. WordPress
 Bejegyzések
 a meglévő bejegyzéseinket tudjuk szerkeszteni
 új bejegyzéseket hozhatunk létre
 többoldalas bejegyzések (<!--nextpage-->)
 menthetjük piszkozatként
 levédhetjük jelszóval
 előre megadott időben is publikálásra kerülhet
 címkéket rendelhetünk hozzá
 kategóriákba sorolhatjuk
 excerpt: megadhatunk összefoglalást a bejegyzéshez
 megjegyzéseket lehet engedélyezni a bejegyzéshez
 létrehozhatunk címkéket, amiket a bejegyzésekhez lehet
rendelni
 létrehozhatunk kategóriákat, amelyekben a bejegyzéseket
helyezhetjük el

19. WordPress
 Bejegyzések
 Szavazás hozzáadása
 szerkeszthetjük, az eredményeket kérhetjük le
 Send to editor – berakhatjuk a szerkesztőfelületre
 Share – Embed – megosztás más oldalakon
 Egyéni form hozzáadása
 kapcsolatfelvétel a látogatókkal
 új mezőket adhatunk hozzá, feliratot, kötelező-e (Required)
 választható mezők
 Checkbox (igen-nem mező), Dropdown (legördülő lista),
Radio (több opcióból csak egy választható), Website
 a beérkezett üzeneteket a Visszajelzések menü alatt
láthatjuk vagy az „E-mail notifications” opció alatt megadva
az e-mail címünket elküldi a visszajelzéseket

20. WordPress
 Média
 a blogunkba média állományokat is feltölthetünk, amelyekre
hivatkozhatunk a bejegyzésekben és az oldalakon
 a tárhely mérete 3GB
 engedélyezett fájltípusok: jpg, jpeg, png, gif, pdf, doc, docx,
ppt, pptx, odt, pps, ppsx, xls, xlsx
 Médiatár: a feltöltött médiaállományokat listázhatjuk
 Új hozzáadása: állományok feltöltése
 Flash alapú feltöltés  egyszerre több állomány feltölthető
 feltöltés után megadhatjuk az állományok adatait
 szerkeszthetjük a képet: forgatás, tükrözés, vágás, méret

21. WordPress
 Linkek
 a blogunkon közzétehetünk linkeket is, ezeket kategóriákba
sorolhatjuk
 a bejegyzések és a linkek kategóriája NEM EGYEZIK MEG!
 Szerkeszt: a hozzáadott linkeket szerkeszthetjük
 nevét, címét
 privát linkké is tehetjük
 ismertetést írhatunk róla
 kategóriákba sorolhatjuk
 hol jelenjen meg, pl. új ablakban
 a linkkel való kapcsolatot adhatjuk meg (XFN)
 Add new: link hozzáadása
 Link kategóriák: link kategóriák szerkesztése

22. WordPress
 Oldalak
 a bejegyzések mellett lehetek a blogon oldalak is
 az oldalra általában az állandó, fix tartalmat szokták elhelyezni, pl.
önéletrajz, elérhetőségek, stb.
 Szerkeszt
 permalink – közvetlen link
 közzététel beállítása
 szülő oldal beállítása
 template beállítása (ez függ a választott témától)
 Link: a linktár beillesztése az oldalra
 Archives: az arhívum beillesztése az oldalra
 Contact: kapcsolatfelvételi űrlap beillesztése
 Page without sidebar: oldalsáv nélküli oldal
 rendezéshez egész szám megadása
 Add new: új oldal létrehozása

23. WordPress
 Hozzászólás
 Itt láthatjuk a bejegyzésekhez illetve az oldalakhoz fűzött
hozzászólásokat
 ezeket:
 elutasíthatjuk: ilyenkor nem jelenik meg a hozzászólás
 válaszolhatunk rá
 módosíthatjuk
 spam-nek jelölhetjük
 törölhetjük
 Visszajelzések
 a bejegyzésben vagy oldalban lévő űrlap beküldött adatai
 Értékelés
 bejegyzéseknél
 oldalaknál
 hozzászólásoknál

24. WordPress
 Polls – Szavazások
 szerkesztés: létrehozott „kérdések” módosítása
 új hozzáadása
 válaszlehetőségek megadása
 eredmény mutatásának beállítása
 a százaléknak és a szavazók számának mutatása
 csak a százalék mutatása
 eredmény elrejtése
 többszöri szavazás tiltása
 cookie
 cookie és IP cím alapján
 stílus választása
 custom styles: saját stílus készítése a szavazáshoz
 beállítások: alapértelmezett opciók megadása

25. WordPress
 Témák
 kb. 110 db megjelenés, egyéni opciókkal és widget-ekkel
 Widgets
 Mini alkalmazások az oldalsávba
 Akismet
 spam blokkoló - megjeleníthetjük, hogy hány spam
commentet érzékel az oldalon
 Archívum
 az blogbejegyzéseket hónapokra bontva böngészhetjük
 Author grid – az blog „íróinak” megjelenítése, Gravatar infók
 Box.net file sharing
 fájlmegosztó funkció, lehetővé teszi olyan típusú fájlok
megosztását, melyeket a wordpress nem támogat
 Blog statisztikák
 látogatottság számláló

26. WordPress
 Widgets
 Címkefelhő
 Delicious
 könyvjelzők kirakása a delicious azonosítónk és címkék
segítségével
 Feliratkozottak
 Fricska
 Flickr RSS csatorna alapján képeket helyez ki
 Friss bejegyzések
 Gravatar
 saját fényképünk megjelenítése
 Goodreads: virtuális könyvespolc, amit éppen olvasunk
 Kép
 fénykép megjelenítése

27. WordPress
 Widgets
 Kategóriák
 Keresés
 Legutóbbi hozzászólások
 Linkek
 Meebo
 online chatszolgáltatás az oldalon keresztül (pl. a
hallgatókkal történő kapcsolattartáshoz)
 Meta
 be és kijelentkezés az oldalra, az oldalhoz tartozó RSS
csatornák
 Milestone: egy adott dátumig hátralévő idő
 Naptár
 adott napra kattintva megjelennek az aznapi bejegyzések
 Népszerű bejegyzések

28. WordPress
 Widgets
 Oldalak
 RSS
 RSS hírforrás elemeinek megjelenítése
 RSS Links
 az bejegyzésekhez és a megjegyzésekhez tartozó RSS
kihelyezése
 SocialVibe
 valamilyen jó cél támogatása
 Szerzők
 Text
 tetszőleges szöveg (HTML kód) megjelenítése

29. WordPress
 Widgets
 Top Clicks
 azon linkek megjelenítése, melyekre a blognézők
legtöbbször kattintottak
 Top Rated
 a legtöbb szavazatot kapó oldalak, bejegyzések,
megjegyzések listázása
 Twitter
 egy Twitter mikroblog tweet-jeinek megjelenítése
 VodPod
 webes videó manager, ahol saját listákat alakíthatunk ki
videókból, és azokat tehetjük közzé a blogon

30. WordPress
 Menük
 egyedi menü létrehozása, amit használhatunk elsődleges menüként
vagy widget segítségével az oldalsávban
 Custom Design
 Fonts: saját betűtípus megjelenítése az oldalon
 CSS: saját megjelenés készítése a bloghoz (ha van Custom CSS
Upgrade)
 Mobile: mobilokhoz szánt téma bekapcsolása
 iPad: iPad-hoz szánt téma bekapcsolása
 Háttér – oldalháttér beállítása (témától függ)
 Sablon beállítások (témától függ)
 az oldal szerkezeti elemeibe rakhatunk HTML kódot, Twitter kirakása

31. WordPress
 Felhasználók
 jogosultsági szintek
 adminisztrátor (administrator) – a blog tulajdonosa, bármit
csinálhat a bloggal, akár törölheti is
 szerkesztő (editor)– bejegyzéseket, oldalakat szerkeszt,
hozzászólásokat moderál, kategóriákat szerkeszt, médiát
szerkeszt
 szerző (author) – bejegyzéseket szerkeszt, állományokat
tölt fel
 közreműködő (contributor) – bejegyzéseket szerkeszt, de
nem publikálhatja, a publikáláshoz a bejegyzést az
adminisztrátornak kell jóváhagynia
 felhasználók hozzáadása e-mail cím segítségével

32. WordPress
 Meghívások
 egy meghívó kiküldése a megadott címre, névre,
felvehetjük contributor-ként a blogunkba
 Profilom
 Gravatar információk beállítása
 Személyes beállítások
 Fun mode – a bejegyzések publikálásánál „This post is super
awesome”, néha a bejegyzés után egy „éljenző tömeg” látható
 Proofreading – helyesírás ellenőrzés
 Felhasználónév és jelszó változtatása
 Enable Geotagging – a bejelölése után a bejegyzésekhez
hozzáadható egy földrajzi hely is (Geo Location)

33. WordPress
 Eszközök
 Kattintás ide – felvehetjük a „Kattintás ide” linket a könyvjelzők
közé, és tetszőleges weboldalon egy szövegrészt kijelölve és
rákattintva a könyvjelzőre publikálhatjuk azt
 Kategória és címke konvertáló
 Bejegyzés e-mail-en – e-mail segítségével tudunk bejegyzést
publikálni (http://en.support.wordpress.com/post-by-email/)
 Webszereksztő eszközeinek ellenőrzése – metadatok megadása
az oldalhoz (pl. Google Webmaster Tools)
Oldaltérkép - blogneve.wordpress.com/news-sitemap.xml
 Importálás
 bejegyzések, hozzászólások importálása más blogokból
 Export
 egy fájlba menthetjük a bejegyzéseket, oldalakat, stb.

34. WordPress
 Általános
 a blog általános adatainak megadása
 Írás
 írási beállítások megadása
 Olvasás
 olvasási beállítások megadása
 Interakció
 hozzászólások írására, moderálására vonatkozó beállítások
 Média
 feltöltött képek méretének beállítása
 Adatvédelem
 blog hozzáférésére vonatkozó beállítások, pl. Privát blog
 OpenID

35. WordPress
 SMS - http://en.support.wordpress.com/text-messaging/
 Megosztás
 Facebook, Twitter, Yahoo, Messenger Connect
 Domainek
 saját domain hozzáadása a wordpress-es helyett
 E-mail post changes
 több szerző esetén hasznos, ha értesülünk a változásokról (
http://en.support.wordpress.com/email-post-changes/)
 Webhooks
 bejegyzés, oldal vagy hozzászólás írása esetén a kiválasztott
adatokat elküldhetjük egy másik weboldalnak feldolgozásra

36. Wordpress
 Bejegyzés írása, szerkesztése Word 2007-ben
 Slideshare prezentációk közzététele - slideshare.net
 pdf, ppt, pptx, doc, docx, stb. formátumok feltöltése
 adott dokumentum kiválasztása
 majd alatta a WordPress linkre kattintunk, és a két szövegmező
közül a második tartalmát kimásoljuk és berakjuk a bejegyzésbe
vagy az oldalba
 Chat kialakítása Meebo-val
 szükség van egy HTML kódrészletre, amit a
http://www.meebome.com/ oldalon érhetünk el
 beállítjuk a méretet, színt, stb., majd a következő oldalon megadjuk
a meebo azonosítónkat és jelszavunkat
 a következő oldalon lesz a HTML kód a WordPress widgethez
 Youtube videó beillesztése
 [youtube=videó URL-je]

37. Wordpress – egy új blog első lépései
 Az admin jelszó megváltoztatása, felhasználókra vonatkozó
beállítások (bárki regisztrálhat, új felhasználók jogosultsága, stb.)
 Állandó URL-ek beállítása (permalinkek – Beállítások/Közvetlen
linkek)
 Téma letöltése és aktiválása
 Alapértelmezett kategória beállítása (Bejegyzések/Kategóriák)
 Spamszűrő beállítása, spam kommentek kiszűrésére – ajánlott:
Akismet, api key kérése
 Célszerű próbatartalommal megtölteni az oldalt (
http://wpcandy.com/articles/easier-theme-development-with-the-sam
), Eszközök/Import/Wordpress
 RSS hírforrás beállítása – hány bejegyzés jelenjen meg, a teljes
szöveget célszerű belerakni
 Statisztika beállítása – plugin (WordPress.com Stats) segítségével
 Beállítások/Általános oldal

38. Wordpress – hasznos linkek
 Hivatalos weboldal: http://wordpress.org/
 Magyar oldal: http://word-press.hu/
 Magyar WP magazin: http://wpmagazin.net/
 Wordpress Lap: http://wordpress.lap.hu/

39. Online tesztek készítése
 Teljesen ingyenes megoldás nincs, némi korlátozás mindegyikben
van
 Polldaddy.com
 kérdőív (Survey) – korlátozás: 100 visszajelzés havonta, 10
kérdés / kérdőív
 szavazás (Poll)
 értékelés (Rating)
 teszt (Quiz) – korlátozás: 10 kérdés / teszt
 ezek Wordpress-be ágyazhatók
 ProProfs Quiz Maker (http://www.proprofs.com/ )
 korlátozás: 1 kérdés/lap
 iTest: http://itest.sourceforge.net/

40. Google szolgáltatások
 Gmail
 több mint 7 GB tárhely, spamszűrés
 automatikus mentés, szűrők létrehozása, levelek címkézése
(mappahasználat helyett), józanság ellenőrzése 
 beépített azonnali üzenetküldés (Gtalk)
 Docs
 webalapú irodai alkalmazáscsomag (táblázatkezelő,
szövegszerkesztő, prezentációkészítő, kérdőív szerkesztése)
 a dokumentumok menthetők doc, rtf, pdf, xls, ppt, pps formában
 kérdőívek eredményeinek begyűjtése, rögzítése!!!!!!!
 Calendar (naptár)
 online naptárszolgáltatás, napi, heti, havi, stb. bontások, több
naptár létrehozása, importálás Outlook-ból
 események megosztása másokkal, SMS értesítés küldése, stb.

41. Google szolgáltatások
 Groups
 levelezési listák létrehozása (pl. egy adott kurzus hallgatóit
berakjuk egy levlistába, így egyszerre küldhetünk nekik
üzenetet)
 hozzáférés korlátozása (pl. csak meghívással lehet tag vagy
nyilvános lista), spamszűrés, stb.
 Picasa
 saját képgyűjtemény, galéria létrehozása
 Reader
 RSS olvasó
 Maps
 online térképszolgáltatás
 útvonaltervezés
 műholdkép, utcakép (nagyobb városokban)

42. Egyéb web 2.0 szolgáltatások
 Delicious
 linkgyűjtemény készítése – blogba RSS segítségével berakható
 Twitter
 mikroblog szolgáltatás
 kapcsolat a wp bloggal – tweet készítése bejegyzésből!!!
 Flickr
 képgyűjtemény kialakítása
 a képek bejegyzésekként „kiküldhetők” a blogunkba
 Ustream
 online óra tartása webkamera segítségével
 az órát rögzíthetjük és később visszanézhetjük
 RSS
 Really Simple Sindication
 web 2.0 szolgáltatás a hírlevél helyett

43. Hasznos oldalak
 Tanár blog: http://tanarblog.hu/
 Informatikai hírek: http://kocka.blog.hu/
 Oktatással kapcsolatos videók:
 http://www.teachers.tv/
 http://www.teachertube.com/
 Linkmegosztó szolgáltatások
 http://www.delicious.com/
 http://www.diigo.com/
 Online fordítók
 http://www.webforditas.hu/
 http://translate.google.com/
 http://translation.babylon.com/hungarian/
 sd

44. Hasznos oldalak
 Online szótárak
 http://dict.sztaki.hu/index.hu.jhtml
 http://www.leo.org/
 http://www.magyarnemet.hu/
 Fogalom térképek
 http://www.text2mindmap.com/

45. Wordpress
 .