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ó

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: Boksz.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 () 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.

2.

3. 4. 5. 6. 7.

8.

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.

WordPress beüzemelése – a wordpress.com oldalon 1. 2.

3.

4.

Lehetőség van a WordPress oldalán (www.wordpress.com) saját blogot indítani 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 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.

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

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-byemail/), 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ő 

WordPress 

Bejegyzések  a meglévő bejegyzéseinket tudjuk szerkeszteni  új bejegyzéseket hozhatunk létre  többoldalas bejegyzések ()  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  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  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 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)

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-samplepost-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 

.