Post on 25-Dec-2014
description
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
.