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. • A portálok, blogok típusai, jellemzői. • Webergonómia, weblaphasználhatóság (usability). • &n bsp; 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.): Web ergonó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. • &n bsp; 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 • &nbs p; 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 • http://index.hu/tech/ • 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://mediapedia.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 • &n bsp; https://www.nngroup.com/articles/ • http://www.oreilly.com/openbook/wemedia/book/index.html • http://onlineujsag.lap.hu/ • http://onlinejournalismblog.com/ • 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 |
