Web 2.0 - WordPress

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: Boksz.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 • 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) • 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 • A WordPress letöltése (http://www.word-press.hu) • A wp-config.php fájl szerkesztése, az adatbázis adatainak megadása • Majd a WordPress felmásolása a tárhelyre FTP segítségével • Létrehozni a wp-content/uploads könyvtárat 777 jogosultsággal • Phpmyadmin-ban az adatbázis kódolását beállítani latin1_swedish-ről utf8_general-ra!!! • 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 • Lehetőség van a WordPress oldalán (www.wordpress.com) saját blogot indítani • 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 • 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 • 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. • Blogszörfözés: kapcsolat más blogokkal, listázhatjuk a bejegyzéseiket (felváltotta a Subscription – feliratkozás) • 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 • Readomattic: a blogszörfözés és a címkeszörfözés alatt hozzáadott „tartalom” szerint böngészhetünk, legyen az címke, blog vagy twitter • Címkeszörfözés: egy adott címkéhez tartozó bejegyzéseket listázhatunk • Statisztikák • Akismet statisztikák: a spam szűrő plugin statisztikája

17. WordPress • Blogjaim: a blogjaink listája, kapcsolat létrehozása Yahoo, Twitter, Facebook vagy MSN Live azonosítónkhozbejegyzések írása e-mail-en (http://en.support.wordpress.com/post-by-email/), telefonon keresztül • My Subscriptions: e-mail küldése bejegyzés létrehozásakor • Frissítések • Domain hozzáadása: ha nem tetszik pl. a valami.wordpress.com • VideoPress: videómegosztás a blogunk segítségével • Custom CSS: 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 • 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 • 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 • Extrák • Enable mShots site previews on this blog – a bejegyzésekben és az oldalakban a linkekhez „snapshot” ablak beállítása • Display a mobile theme when… - mobil téma bekapcsolása ha mobil böngészőn nézzük az oldalt • Hide related links on this blog… - kapcsolódó linkek elrejtése • Háttér – oldalháttér beállítása • Sablon beállítások (témától függ) • az oldal szerkezeti elemeibe rakhatunk HTML kódot, Twitter kirakása • Typekit Fonts • saját betűtípus megjelenítése az oldalon • Editt CSS • saját megjelenés készítése a bloghoz (ha van Custom CSS Upgrade)

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 WordPresswidgethez • 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-sample-post-collection.html), 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 • .