Tantárgy adatlapja
A tantárgy célja: A szeminárium célja: a hallgatókkal megismertetni a
weblapokkal, portálokkal, blogokkal kapcsolatos alapfogalmakat, a portál,
valamint mobil alkalmazás (appok: natív és progresszív webappok) tervezés és
elemzés alapjait, módszereit (ergonómia, usability, webtipográfia, ux
webdesign, reszponzivitás). Emellett megvizsgáljuk a legújabb generációs webes,
mobilos, közösségi média megoldásokat, platformokat is, hogy milyen szerepet
játszanak az online tartalomfogyasztásban (pl. Google AMP, Facebook Instant
Articles, Apple News, okosórák, okostévék, egyéb kütyük stb.), és a különféle
böngészőket (Chrome, Firefox, Edge, Safari, Opera), keresőmotorokat (Google,
Bing, Yahoo), hírgyűjtőket (Hírstart, Google news stb.). Az elméleti ismeretek gyakorlását közös és egyéni
weblap és mobil alkalmazás elemzéseken
keresztül mélyítjük el. Minden hallgató kiselőadás (15-20 perc) és írásbeli
beszámoló (min. 2 flekk, 1 flekk: 1500 karakter), valamint írásbeli zh
formájában ad számot a gyakorlati órán ismertetett elméleti ismeretek
alkalmazásáról. A hallgatók tartalmai megjelennek a Médiakapu portálon. A szemináriumról a maximális hiányzás 3 óra lehet, a
4. hiányzást követően a hallgató adott tárgyból felvett félévét nem
teljesítettnek tekintjük (szemináriumi jegye elégtelen lesz). Az óra teljes
időtartamából (vagyis elejéről vagy végéről) elmulasztott minimum 15 perc
hiányzásnak minősül. Témák: •
A weblapokkal
és portálokkal kapcsolatos alapfogalmak. p> •
A portálok,
blogok típusai, jellemzői. •
Webergonómia,
weblaphasználhatóság (usability). •
Steve Krug
webergonómiai alapelvei. •
Jakob Nielsen
webergonómiája. •
Webtipográfia,
ui, ux webdesign. •
Weblapelemzési
szempontok. •
A
weblaptervezés alapjai, módszerei. •
Új platformok,
megoldások az online tartalomfogyasztásban •
Böngészők |
A
2–5 legfontosabb kötelező, illetve ajánlott irodalom (jegyzet, tankönyv)
felsorolása bibliográfiai adatokkal (szerző, cím, kiadás adatai, (esetleg
oldalak), ISBN) |
Kötelező
irodalom: •
Bodoky Tamás, A
hírportál, mint tömegmédium, Médiakutató, 2005 nyár •
Design Trends
2017 •
https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide •
Gerényi Gábor:
Internetes tartalomszolgáltatás, Elektromédia Kft. k., 2009., ISBN:
9789638824004., Tartalomtípusok (6-11), Használhatóság (80-87), Portálok
(24-33), Felhasználói tartalmak (34- 45), Blogok (46-55) •
Habók Lilla:
Google AMP a mobilweb jövője?, 2017. június 7. •
https://www.hwsw.hu/hirek/57352/google-amp-instant-articles-mobilweb-gyorsasag-hirdetesek-szallashu.html •
Krug, Steve, Ne
törd a fejem! – Felhasználóbarát webdizájn, Budapest, HVG, 2008. 21-29,
41-49, 51-59, 61-81, 105-122, ISBN 9789639686533 •
Leiszter Attila
(szerk.): Webergonómia Jakob Nielsen nyomán, Typotex, Bp., 2011. 23-32,
39-48, 58-62, 69-75, 89-96, 97-107, 132-135, 170-175, 183-196, •
Pásztor Dávid:
UX DESIGN. Hogyan tervezz felhasználóbarát és szerethető alkalmazásokat?
UXstudio, 2016. Ajánlott
irodalom: •
Bódi Zoltán:
Infoszótár, Tinta könyvkiadó, Bp., 2010. •
Click tracking
vizsgálati oldal •
https://www.smartlook.com/hu/?utm_source=facebook&utm_medium=cpc&utm_term=fb_hu_banner_look_d&utm_campaign=fb_hu_banner_look_d •
Év honlapja
díjazottak 2016
>•
http://www.mediainfo.hu/hirek/article.php?id=44258 •
Flat design:
https://www.nngroup.com/articles/characteristics-minimalism/ •
http://webshark.hu/hirek/minimalista-webdesign-7-eleme/ •
Gálffy Csaba:
Androidon tovább fejlődnek a progresszív webappok, 2017. február 03. 16:36 •
https://m.hwsw.hu/cikk.php?id=56783 •
Hogyan válassz
digitális ügynökséget? https://blog.fps.hu/digitalis-ugynokseg-valasztasa/ •
Így tud egy
teljes weboldalt lefényképezni •
http://index.hu/tech/helpdeszka/2017/03/20/igy_tud_egy_teljes_weboldalt_lefenykepezni/ •
Juhász Valéria:
A blog műfaji attribútuma.
(http://www.juhaszvaleria.hu/wp-content/uploads/2010/04/A-blog-műfaji-attribútumai.doc) •
Klausz Melinda:
Megosztok, tehát vagyok. Szakértői kérdések és válaszok a közösségi médiáról.
Athenaeum Kiadó, 2017. •
Kolozsi István:
Reszponzívan jól, fps blog, 2013.10.08 •
Magyar
Responsive Web Design, in: FPS blog, 2012. 06. 13 •
Mit nézünk és
mire emlékezünk? Tippek weblapépítéshez. In: HVG Extra Business, 2013/01,
113-114. •
Mobil first
design •
https://uxstudioteam.com/ux-blog/mobile-first-design/?utm_source=Email&utm_medium=referral&utm_campaign=newsletter&utm_source=Leads&utm_campaign=c24a41815f-EMAIL_CAMPAIGN_2016_11_03&utm_medium=email&utm_term=0_f7fe89548e-c24a41815f-146200821 •
Nielsen, Jakob,
Web-design, Budapest, Typotex Kft. Elektronikus Kiadó, 2002, ISBN
978-963-9548-16-9 •
Rung András –
Kiss Orhidea Edit: Felhasználóbarát honlapok – Webergonómia, Budapest,
Gondolat kiadó, 2006, ISBN 9789639610354 •
UI, UIX:
http://www.technokrata.hu/gizmo/2013/05/29/mi-is-az-a-felhasznaloi-elmeny/ •
Tervezés:
http://uxstudio.hu/ux-blog/vazlatozasi-modszerek-hogyan-jutunk-el-otletektol-egy-kesz-designig-2/ •
Virágh Árpád:
Milyenek a magyar politikusok honlapjai? Négy honlap vizsgálata a
webhasználhatóság, a kommunikáció és a műfaj-meghatározás szempontjából.
Médiakutató, 2013. nyár. •
Zeldman,
Jeffrey - Marcotte, Ethan: Szabványkövető webtervezés, Kiskapu Kft., 2011 •
Webdesign
trendek melyek dominálni fognak 2017-ben •
http://www.newconcept.hu/blog/webdesign-trendek-melyek-dominalni-fognak-2017-ben Média,
on-line média – szakportál ajánló •
http://www.adweek.com/digital/essential-multimedia-tutorials-and/?red=kw • http://archive.org /web/web.php •
Android.blog.hu •
http://androidportal.hu/ •
Appleblog.blog.hu •
http://blog.fps.hu •
digitalhungary.hu •
https://www.dugwood.com/clickheat/index.html •
http://www.emasa.hu/ •
http://www.google.hu/analytics/ •
http://www.hwsw.hu •
> •
https://infogr.am/ •
http://internethotline.hu/ •
http://internet-map.net/ •
http://internet.lap.hu/ •
http://internetszemle.blogspot.hu/ •
http://ite.hu/ •
http://www.jtoolkit.com/wp/ •
https://www.journalism.co.uk/ •
http://kereses.blog.hu/2013/04/09/adatujsagiras_csinald_magad?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Kereso_Vilag+%28Keres%C5%91+Vil%C3%A1g%29&utm_content=Google+Reader • http://www.kozossegi-media.com/ • http://kreativ.hu/index.php • http://learn.shayhowe.com/html-css/ • http://lens.blogs.nytimes.com/ • http://www.makusz.hu • A Makúsz Online Újságírás szekció
(KatNet) Facebook oldala •
http://mashable.com/2011/02/26/digital-media-resources-4/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29#5YuNi9eTXqqc • http://media.lap.hu/ • http://www.mediainfo.hu/ • http://mediajogfigyelo.hu/index.php • http://www.mediakutato.hu • http://media.mandiner.hu/ • http://media pedia.hu/ • https://www.mediapiac.com/ • http://mediatanacs.blog.hu/ • http://media20.blog.hu/ • http://mediastorm.com/ • http://www.mediatortenet.hu/ • http://mediatorveny.hu/ • http://media-tudomany.hu/ • http://www.mmonline.hu/ • http://www.netkutatasok.hu/ • http://netpedia.hu • https://newslab.withgoogle.com/ • http://www.nielsen.com/hu/hu.html • http://www.nieman.harvard.edu/reports.aspx • https://www.nngroup.com/articles/ • http://www.oreilly.com/openbook/wemedia/book/index.html • http://onlineujsag.lap.hu/ • http://onlinejournalismblog.com/ • & nbsp; http://www.podcasts.hu/ • http://portalkeszites.lap.hu/ • https://schoolofdata.org/ • https://sg.hu/ • https://www.smartlook.com • http://startupdate.hu/ • https://www.statista.com/ • http://www.origo.hu/techbazis/index.html • http://technet.hir24.hu • http://www.technokrata.hu • http://www.ted.com/talks?sort=newest&topics%5B%5D=media • http://trendlabor.blog.hu/ • http://www.useit.com/ • http://news.yahoo.com/internet/ • https://www.yahoo.com/tech/?ref=news • http://www.theverge.com/ • http://webisztan.blog.hu/ • http://webdesign.lap.hu/ • https://hu.wikipedia.org/wiki/Port%C3%A1l:Informatika |