Web 2.0 - WordPress

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)

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

Web 2.0

Web 2.0

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

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

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

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

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

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!

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 12

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

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

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

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 16

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

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 18

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 19

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 20

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 21

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 22

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 23

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 24

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

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 26

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 27

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 28

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 29

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 30

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 31

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) 32

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

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 34

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 35

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]

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

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/

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/

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.

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)

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

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

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/

Wordpress .