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

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

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.

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:

1. http://en.wordpress.com/signup/

2. Megadjuk az adatokat, a felhasználónév lesz a blog címében az URL első része: pl. valami.wordpress.com

3. Elfogadjuk a nyilatkozatot

4. A következő oldalon kiválasztjuk a nyelvet

5. A rendszer küld egy e-mail üzenetet, amiben az aktivációs link lesz, erre kattintunk és elkészül a blogunk.

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

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

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

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ő

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

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

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

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

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

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

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

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ó

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

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

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

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

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

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

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)

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.

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

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

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

.