Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

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.

Hasonló előadás


Az előadások a következő témára: "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."— Előadás másolata:

1 Web 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

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 ( )  Kategóriák, címkézés  Emotikonok  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  (magyar oldal, nem teljes funkcionalitás)  (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)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ítaniwww.wordpress.com 2.Menete: 1.http://en.wordpress.com/signup/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 üzenetet, amiben az aktivációs link lesz, erre kattintunk és elkészül a blogunk. 6.Belépés: 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 -en (http://en.support.wordpress.com/post-by- /), telefonon keresztülhttp://en.support.wordpress.com/post-by- /  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 ( )  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 „ notifications” opció alatt megadva az 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 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 -en – segítségével tudunk bejegyzést publikálni (http://en.support.wordpress.com/post-by- /)http://en.support.wordpress.com/post-by- /  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 -  Megosztás  Facebook, Twitter, Yahoo, Messenger Connect  Domainek  saját domain hozzáadása a wordpress-es helyett  post changes  több szerző esetén hasznos, ha értesülünk a változásokról (http://en.support.wordpress.com/ -post-changes/)http://en.support.wordpress.com/ -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 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-sample- post-collection.html), Eszközök/Import/Wordpresshttp://wpcandy.com/articles/easier-theme-development-with-the-sample- post-collection.html  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:  Magyar oldal:  Magyar WP magazin:  Wordpress Lap:

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/ )http://www.proprofs.com/  korlátozás: 1 kérdés/lap  iTest:

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:  Informatikai hírek:  Oktatással kapcsolatos videók:    Linkmegosztó szolgáltatások    Online fordítók     sd

44 Hasznos oldalak  Online szótárak     Fogalom térképek 

45 Wordpress ..


Letölteni ppt "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."

Hasonló előadás


Google Hirdetések