{"id":1140,"date":"2019-02-26T09:37:57","date_gmt":"2019-02-26T07:37:57","guid":{"rendered":"https:\/\/www.e-learnmedia.sk\/blog\/?p=1140"},"modified":"2019-02-26T09:37:57","modified_gmt":"2019-02-26T07:37:57","slug":"interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime","status":"publish","type":"post","link":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/","title":{"rendered":"Interakcie h\u00fdbu svetom &#8211; tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme"},"content":{"rendered":"<p><em>N\u00e1vod, ako si vytvori\u0165 jednoduch\u00fa interakciu v Articulate Storyline, a \u010do sa vlastne za interakciami skr\u00fdva.<\/em><\/p>\n<p>U\u017e dlho s\u00fa interakcie v kurze vn\u00edman\u00e9 ako pozit\u00edvny pr\u00ednos. Nie je to v\u017edy tak &#8211; interakcia by mala pom\u00f4c\u0165 lep\u0161ie pochopi\u0165 alebo zapam\u00e4ta\u0165 si u\u010divo. Ak je tam len pre <span class=\"st\">\u201e<\/span>z\u00e1bavu<span class=\"st\">\u201c<\/span> alebo <span class=\"st\">\u201e<\/span>o\u017eivenie<span class=\"st\">\u201c<\/span>, tak m\u00e1 oby\u010dajne opa\u010dn\u00fd \u00fa\u010dinok.<\/p>\n<p>Navonok m\u00f4\u017ee tvorba interakci\u00ed vyzera\u0165 zlo\u017eito, ale nemus\u00ed to tak by\u0165. A preto vznikol tento \u010dl\u00e1nok.<\/p>\n<hr \/>\n<p><em>Interakciu budeme vytv\u00e1ra\u0165 v autorskom n\u00e1stroji <a class=\"external-link\" href=\"https:\/\/articulate.com\/360\/storyline\" rel=\"nofollow\">Articulate Storyline<\/a>. Je to jeden z viacer\u00fdch n\u00e1strojov, v ktorom si viete vytvori\u0165 e-learnigov\u00fd kurz. Tento \u010dl\u00e1nok je pre v\u00e1s, ak ste Storyline u\u017e otvorili a sk\u00fasili v \u0148om spravi\u0165 z\u00e1kladn\u00e9 veci, ako vlo\u017ei\u0165 text, obr\u00e1zok at\u010f. Ak nie, Storyline je vcelku jednoduch\u00fd n\u00e1stroj, tak\u017ee sa v \u0148om d\u00e1 \u013eahko zorientova\u0165. Ak preferujete \u0161trukt\u00farovan\u00fa in\u0161trukt\u00e1\u017e, m\u00f4\u017eete nav\u0161t\u00edvi\u0165 na\u0161e <a class=\"external-link\" href=\"https:\/\/www.e-learnmedia.sk\/articulate\/skolenia\" rel=\"nofollow\">\u0161kolenia<\/a>. Ale ak potrebujete len trocha postr\u010di\u0165, tak sn\u00e1\u010f v\u00e1m tento \u010dl\u00e1nok pom\u00f4\u017ee.<\/em><\/p>\n<hr \/>\n<p>Vysk\u00fa\u0161ame si vytvori\u0165 nasledovn\u00fa interakciu, nazvan\u00fa <span class=\"st\">\u201e<\/span>Robinsonov osud<span class=\"st\">\u201c<\/span>:<\/p>\n<figure id=\"attachment_1198\" aria-describedby=\"caption-attachment-1198\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/interakcie\/ukazka-robinsonov-osud\/story.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1198 size-full\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/robinsonov-osud-play.jpg\" alt=\"Robinsonov osud - uk\u00e1\u017eka\" width=\"1024\" height=\"770\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/robinsonov-osud-play.jpg 1024w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/robinsonov-osud-play-300x226.jpg 300w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/robinsonov-osud-play-768x578.jpg 768w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/robinsonov-osud-play-585x440.jpg 585w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption id=\"caption-attachment-1198\" class=\"wp-caption-text\"><strong>Robinsonov osud<\/strong>: kliknite na obr\u00e1zok a interakt\u00edvna <a href=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/interakcie\/ukazka-robinsonov-osud\/story.html\" target=\"_blank\" rel=\"noopener\">uk\u00e1\u017eka sa otvor\u00ed v novom okne<\/a>.<\/figcaption><\/figure>\n<p>Na opustenom ostrove uviazol Robinson Crusoe. Ka\u017ed\u00fd de\u0148 \u010dak\u00e1, \u010di ho niekto zachr\u00e1ni. My sme teraz v \u00falohe boha, ktor\u00fd rozhoduje, ak\u00fd de\u0148 bude Robinson ma\u0165. Na to m\u00e1me aj svoje ovl\u00e1dacie tla\u010didl\u00e1 &#8211; tzv. <span class=\"st\">\u201e<\/span>bo\u017esk\u00e9 tla\u010didl\u00e1<span class=\"st\">\u201c<\/span> \ud83d\ude09 . Ak pr\u00edde lo\u010f, Robinson sa te\u0161\u00ed. Ak pr\u00edde b\u00farka, Robinson je smutn\u00fd a ak pr\u00edde kraken, tak sa Robinson boj\u00ed a skryje sa pred n\u00edm.<\/p>\n<p>V\u0161etky z\u00e1kladn\u00e9 interakcie v Storyline sa daj\u00fa vysklada\u0165 pomocou 3 elementov:<\/p>\n<ul>\n<li><strong>stavy<\/strong> (states) &#8211; oby\u010dajne sa pou\u017e\u00edvaj\u00fa na zmenu vzh\u013eadu objektu,<\/li>\n<li><strong>vrstvy<\/strong> (layers) &#8211; pou\u017e\u00edvaj\u00fa sa, ke\u010f potrebujete na slajd prida\u0165 elementy\/objekty, ktor\u00e9 tam predt\u00fdm neboli,<\/li>\n<li><strong>akcie<\/strong> (triggers) &#8211; hovoria, \u010do sa m\u00e1 kedy udia\u0165.<\/li>\n<\/ul>\n<h2 id=\"id-11.Interakcieh\u00fdbusvetom-tak\u00fdm,ktor\u00fdsive-learninguvytvor\u00edme-Vytvorenieslajdu\u201cRobinsonovosud\u201d\">Vytvorenie slajdu <span class=\"st\">\u201e<\/span>Robinsonov osud<span class=\"st\">\u201c<\/span><\/h2>\n<p>Aby sa mohol <span class=\"st\">\u201e<\/span>Robinsonov osud<span class=\"st\">\u201c<\/span> v\u00f4bec uskuto\u010dni\u0165, mus\u00ed Robinson uviaznu\u0165 na ostrove. Teda vytvor\u00edme si ostrov, more, bo\u017esk\u00e9 tla\u010didl\u00e1 a na ostrov posad\u00edme Robinsona. Potrebn\u00e9 zdroje, teda obr\u00e1zky k tejto interakcii n\u00e1jdete tu:<\/p>\n<p><a href=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/interakcie\/robinson_zdroje.zip\" target=\"_blank\" rel=\"noopener\">Robinsonov osud &#8211; zdrojov\u00e9 s\u00fabory (cca 900kB)<\/a><\/p>\n<p>Ostrov s morom je obr\u00e1zok, tak ako aj Robinson. Tla\u010didl\u00e1 s\u00fa \u0161tandardn\u00e9 tla\u010didl\u00e1, ktor\u00e9 n\u00e1jdete v Storyline (cez horn\u00fa z\u00e1lo\u017eku Insert -&gt; sekcia Interactive Objects -&gt; Button).<\/p>\n<p>N\u00e1sledne mus\u00edme vyrobi\u0165 Robinsonovi em\u00f3cie (neutr\u00e1lnu, te\u0161\u00ed sa, boj\u00ed sa a nie je tam) a potenci\u00e1lne <span class=\"st\">\u201e<\/span>udalosti d\u0148a<span class=\"st\">\u201c<\/span> (lo\u010f, b\u00farka, kraken). Na to budeme potrebova\u0165 stavy a vrstvy.<\/p>\n<h2 id=\"id-11.Interakcieh\u00fdbusvetom-tak\u00fdm,ktor\u00fdsive-learninguvytvor\u00edme-Stavy\">Stavy<\/h2>\n<p>Stav je v podstate <strong>vzh\u013ead konkr\u00e9tneho objektu<\/strong>. Teda, ke\u010f potrebujeme, aby n\u00e1\u0161 objekt vyzeral v r\u00f4znych situ\u00e1ci\u00e1ch inak. U n\u00e1s sa men\u00ed to, ako vyzer\u00e1 Robinson, resp. ak\u00fa n\u00e1ladu m\u00e1.<\/p>\n<p>Preto Robinsonovi nastav\u00edme tieto stavy:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1163 size-full\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/stavy.jpg\" alt=\"Stavy objektov\" width=\"420\" height=\"353\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/stavy.jpg 420w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/stavy-300x252.jpg 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/p>\n<p>Prv\u00fd je v\u017edy norm\u00e1lny (Normal) stav &#8211; teda, ke\u010f sa ni\u010d nedeje. No a potom s\u00fa tu stavy zodpovedaj\u00face udalostiam.<\/p>\n<p>Ke\u010f pr\u00edde kraken, tak sa Robinson schov\u00e1 &#8211; nie je ho na slajde vidno. Potrebujeme, aby zmizol. Na to pou\u017eijeme stav, ktor\u00fd je v Storyline vstavan\u00fd. Tento stav sa vol\u00e1 Hidden a nevid\u00edte ho zobrazen\u00fd v r\u00e1mci ostatn\u00fdch stavov, aj ke\u010f existuje v\u017edy. Znamen\u00e1 to, \u017ee objekt zo slajdu zmizne. V ponuke, kde si vyber\u00e1te, ak\u00fd stav m\u00e1 objekt ma\u0165, bude tento stav v\u017edy pr\u00edtomn\u00fd.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1165\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/stav_hidden.jpg\" alt=\"Stav Hidden\" width=\"155\" height=\"131\" \/><\/p>\n<p>Objekt m\u00f4\u017ee by\u0165 v konkr\u00e9tnom \u010dase len v jednom stave. Teda Robinson sa bu\u010f te\u0161\u00ed, alebo sa boj\u00ed. Nem\u00f4\u017ee robi\u0165 obe veci naraz. V tomto je svet Storyline-u in\u00fd, ako ten n\u00e1\u0161. Ak chcete, aby sa smial a plakal z\u00e1rove\u0148, mus\u00edte na to vytvori\u0165 samostatn\u00fd stav.<\/p>\n<h3><strong>A ako si vytvori\u0165 stav v Storyline?<\/strong><\/h3>\n<ol>\n<li>Ozna\u010dte si objekt, ktor\u00e9mu chcete prida\u0165 stav.<\/li>\n<li>V spodnom paneli sa prepnite do z\u00e1lo\u017eky States (Stavy), kliknite na tla\u010didlo Edit States (Upravi\u0165 stavy).<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1166\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states1.jpg\" alt=\"Vlo\u017eenie stavu 1\" width=\"397\" height=\"307\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states1.jpg 397w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states1-300x232.jpg 300w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/li>\n<li>Kliknite na ikonu pr\u00e1zdneho listu papiera &#8211; New State (Nov\u00fd stav) a nazvite stav, ako potrebujete.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1167\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states2.jpg\" alt=\"Vlo\u017eenie stavu 2\" width=\"507\" height=\"312\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states2.jpg 507w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states2-300x185.jpg 300w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/><\/li>\n<li>N\u00e1sledne vyberte stav z ponuky a <strong>priamo na slajde upravte<\/strong>, \u010do potrebujete.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1168\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states3.jpg\" alt=\"Vlo\u017eenie stavu 3\" width=\"646\" height=\"580\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states3.jpg 646w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states3-300x269.jpg 300w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_states3-585x525.jpg 585w\" sizes=\"auto, (max-width: 646px) 100vw, 646px\" \/><\/li>\n<\/ol>\n<h2 id=\"id-11.Interakcieh\u00fdbusvetom-tak\u00fdm,ktor\u00fdsive-learninguvytvor\u00edme-Vrstvy\">Vrstvy<\/h2>\n<p>Vrstvy n\u00e1m sl\u00fa\u017eia na prid\u00e1vanie objektov na slajd. \u00a0Napr\u00edklad, ke\u010f chceme, aby pri\u0161la lo\u010f, ktor\u00e1 tam predt\u00fdm nebola. Alebo, aby pri\u0161iel kraken, \u010di b\u00farka.<\/p>\n<p>Preto si vytvor\u00edme tieto vrstvy:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1169\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy_uakzka-1024x290.jpg\" alt=\"Uk\u00e1\u017eka vrstiev\" width=\"1024\" height=\"290\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy_uakzka-1024x290.jpg 1024w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy_uakzka-300x85.jpg 300w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy_uakzka-768x217.jpg 768w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy_uakzka-585x166.jpg 585w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy_uakzka.jpg 1700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>\u010co v Storyline vyzer\u00e1 takto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1170\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy.jpg\" alt=\"Uk\u00e1\u017eka vrstiev v Storyline\" width=\"357\" height=\"249\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy.jpg 357w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/vrstvy-300x209.jpg 300w\" sizes=\"auto, (max-width: 357px) 100vw, 357px\" \/><\/p>\n<p>Vrstvy sa m\u00f4\u017eu na slajde nach\u00e1dza\u0165 zobrazen\u00e9 aj v\u0161etky, ak chceme. Teda m\u00f4\u017ee pr\u00eds\u0165 aj lo\u010f, aj kraken naraz a m\u00f4\u017ee to by\u0165 pokojne cez b\u00farku. Pre jednoduchos\u0165 v na\u0161om pr\u00edpade zachov\u00e1me syst\u00e9m, \u017ee pr\u00edde v\u017edy len jedna vec\/zviera\/pr\u00edrodn\u00fd element.<\/p>\n<h3><strong>A ako si vytvori\u0165 vrstvu?<\/strong><\/h3>\n<ol>\n<li>Presu\u0148te sa doprava dole do panela Slide Layers\u00a0(Vrstvy slajdu).<\/li>\n<li>Kliknite na ikonu \u010dist\u00e9ho papiera &#8211; New Layer (Nov\u00e1 vrstva). Nad z\u00e1kladnou vrstvou slajdu (to je t\u00e1, na ktor\u00fa ste doteraz ukladali objekty) v\u00e1m vznikne nov\u00e1 vrstva.<\/li>\n<li>Dvakr\u00e1t kliknite na n\u00e1zov vrstvy a premenujte si ju.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1171\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers1.jpg\" alt=\"Vytvorenie vrstvy 1\" width=\"360\" height=\"258\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers1.jpg 360w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers1-300x215.jpg 300w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/li>\n<li>N\u00e1sledne <strong>s touto vrstvou ozna\u010denou priamo na slajd ukladajte objekty<\/strong>, ktor\u00e9 maj\u00fa by\u0165 na novej vrstve.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1172\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers2-1024x556.jpg\" alt=\"Vytvorenie vrstvy 2\" width=\"1024\" height=\"556\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers2-1024x556.jpg 1024w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers2-300x163.jpg 300w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers2-768x417.jpg 768w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers2-585x318.jpg 585w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_layers2.jpg 1072w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol>\n<h2 id=\"id-11.Interakcieh\u00fdbusvetom-tak\u00fdm,ktor\u00fdsive-learninguvytvor\u00edme-Akcie\">Akcie<\/h2>\n<p>A poslednou vecou s\u00fa akcie. To je opis toho, \u010do sa m\u00e1 sta\u0165. Teda napr. \u017ee ke\u010f stla\u010d\u00edm tla\u010didlo <span class=\"st\">\u201e<\/span>B\u00farka<span class=\"st\">\u201c<\/span>, tak pr\u00edde b\u00farka a Robinson bude smutn\u00fd.<\/p>\n<h3><strong>Ako si vytvori\u0165 akciu?<\/strong><\/h3>\n<ol>\n<li>Presu\u0148te sa vpravo hore do panela Triggers (Sp\u00fa\u0161\u0165a\u010de\/Akcie).<\/li>\n<li>Kliknite na ikonu pr\u00e1zdneho papiera &#8211; New trigger (Nov\u00fd sp\u00fa\u0161\u0165a\u010d\/Nov\u00e1 akcia). To v\u00e1m otvor\u00ed tzv. Trigger Wizard (preklad zah\u0155\u0148a \u010darodejn\u00edka, ale nie je na tom ni\u010d magick\u00e9). Je to v podstate formul\u00e1r, v ktorom vyklik\u00e1te, \u010do sa m\u00e1 udia\u0165.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1173\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_triggers1.jpg\" alt=\"Vlo\u017eenie akcie\" width=\"846\" height=\"364\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_triggers1.jpg 846w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_triggers1-300x129.jpg 300w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_triggers1-768x330.jpg 768w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/expl_triggers1-585x252.jpg 585w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/li>\n<li>Viac priamo pri tvorbe na\u0161ej interakcie.<\/li>\n<\/ol>\n<h2 id=\"id-11.Interakcieh\u00fdbusvetom-tak\u00fdm,ktor\u00fdsive-learninguvytvor\u00edme-Uskuto\u010dnenie&quot;Robinsonovhoosudu&quot;\">Uskuto\u010dnenie <span class=\"st\">\u201e<\/span>Robinsonovho osudu<span class=\"st\">\u201c<\/span><\/h2>\n<p>Predt\u00fdm ne\u017e za\u010dnete, <strong>nezabudnite sa prepn\u00fa\u0165 na hlavn\u00fa vrstvu<\/strong> &#8211; budete to vidie\u0165 pod\u013ea toho, \u017ee pozadie je farebn\u00e9 a nebudete na slajde vidie\u0165 ani lo\u010f, ani b\u00farku a ani krakena.<\/p>\n<p>Toto v\u0161etko by ste mali ma\u0165 u\u017e nastaven\u00e9:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1174\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/priprava2-1024x554.jpg\" alt=\"Z\u00e1kladn\u00e9 nastavenie slajdu\" width=\"1024\" height=\"554\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/priprava2-1024x554.jpg 1024w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/priprava2-300x162.jpg 300w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/priprava2-768x416.jpg 768w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/priprava2-585x317.jpg 585w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/priprava2.jpg 1073w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>A takto to cel\u00e9 za\u010d\u00edna. Teraz mus\u00edme op\u00edsa\u0165, \u010do sa bude dia\u0165, ke\u010f stla\u010d\u00edm <span class=\"st\">\u201e<\/span>bo\u017esk\u00e9 tla\u010didlo<span class=\"st\">\u201c<\/span>. Teda potrebujeme vytvori\u0165 akciu.<\/p>\n<p>Za\u010dnime tla\u010didlom <span class=\"st\">\u201e<\/span>Lo\u010f<span class=\"st\">\u201c<\/span>.<\/p>\n<p>Ke\u010f stla\u010d\u00edm tla\u010didlo <span class=\"st\">\u201e<\/span>Lo\u010f<span class=\"st\">\u201c<\/span>, tak pripl\u00e1va lo\u010f a Robinson je \u0161\u0165astn\u00fd.<\/p>\n<p>Tomuto rozumie \u010dlovek, ale Storyline-u to ni\u010d nehovor\u00ed. A ak m\u00e1te dojem, \u017ee autorsk\u00fd n\u00e1stroj (vo v\u0161eobecnosti po\u010d\u00edta\u010d) je sofistikovanej\u0161\u00ed, ako \u010dlovek, tak je to pr\u00e1ve naopak. On ve\u013ea veciam nerozumie, tak sa treba zn\u00ed\u017ei\u0165 na jeho \u00farove\u0148. Resp. na \u00farove\u0148 jeho slovnej z\u00e1soby. Nev\u00fdhoda pre n\u00e1s je, \u017ee Storyline rozpr\u00e1va po anglicky. Na druhej strane pozn\u00e1 len ve\u013emi m\u00e1lo slov, tak\u017ee sa vieme v\u0161etky \u013eahko nau\u010di\u0165.<\/p>\n<p><strong>Tak\u017ee ako poveda\u0165 Storyline-u, \u010do m\u00e1 robi\u0165?<\/strong><\/p>\n<p>Z tejto vety pozn\u00e1 Storyline vyzna\u010den\u00e9 slov\u00e1:<\/p>\n<p><em>Ke\u010f stla\u010d\u00edm <strong>tla\u010didlo <span class=\"st\">\u201eL<\/span>o\u010f<span class=\"st\">\u201c<\/span><\/strong>, tak pripl\u00e1va <strong>lo\u010f<\/strong> a <strong>Robinson<\/strong> je \u0161\u0165astn\u00fd.<\/em><\/p>\n<p>\u010co s\u00fa v podstate objekty na slajde. Teda na\u0161e tla\u010didlo, n\u00e1\u0161 Robinson a lo\u010f, ktor\u00e1 sa nach\u00e1dza vo vrstve.<\/p>\n<p>\u010co znamen\u00e1, \u017ee Robinson je \u0161\u0165astn\u00fd? Znamen\u00e1 to, \u017ee Robinson sa zmen\u00ed &#8211; bude inak vyzera\u0165. Ak si spom\u00ednate, tak pr\u00e1ve na to sme Robinsonovi vytvorili stavy.<\/p>\n<p>Preto vetu zmen\u00edme nasledovne:<\/p>\n<p><em>Ke\u010f stla\u010d\u00edm <strong>tla\u010didlo <span class=\"st\">\u201eL<\/span>o\u010f<span class=\"st\">\u201c<\/span><\/strong>, tak pripl\u00e1va <strong>lo\u010f<\/strong> a <strong>Robinson <\/strong>zme\u0148 svoj<strong> stav<\/strong> na <strong><span class=\"st\">\u201e<\/span>Stastny<span class=\"st\">\u201c<\/span><\/strong>.<\/em><\/p>\n<p>Teraz potrebujeme, aby Storyline pochopil, \u017ee m\u00e1 pripl\u00e1va\u0165 lo\u010f.<\/p>\n<p>Lo\u010f je nie\u010do, \u010do na slajde predt\u00fdm nebolo, a teraz tam m\u00e1 by\u0165. Preto sme si lo\u010f umiestnili do vrstvy. Vrstvu m\u00f4\u017eeme bu\u010f zobrazi\u0165, alebo skry\u0165.<\/p>\n<p><em>Ke\u010f stla\u010d\u00edm <strong>tla\u010didlo <span class=\"st\">\u201e<\/span>Lo\u010f<span class=\"st\">\u201c<\/span><\/strong>, tak zobraz <strong>vrstvu <span class=\"st\">\u201e<\/span>lo\u010f<span class=\"st\">\u201c<\/span><\/strong> a <strong>Robinson <\/strong>zme\u0148 svoj <strong>stav<\/strong> na <strong><span class=\"st\">\u201e<\/span>Stastny<span class=\"st\">\u201c<\/span><\/strong>.<\/em><\/p>\n<p>Teraz Storyline vie, \u017ee m\u00e1 pracova\u0165 s bo\u017esk\u00fdm tla\u010didlom <span class=\"st\">\u201eL<\/span>o\u010f<span class=\"st\">\u201c<\/span>, s Robinsonom a jeho stavom <span class=\"st\">\u201e<\/span>Stastny<span class=\"st\">\u201c<\/span> a s vrstvou <span class=\"st\">\u201e<\/span>lo\u010f<span class=\"st\">\u201c<\/span>.<\/p>\n<p>V podstate veta, ktor\u00fa m\u00e1me, je u\u017e pre Storyline vcelku zrozumite\u013en\u00e1, akur\u00e1t mu ju nevieme poveda\u0165 tak, \u017ee ju skr\u00e1tka vyslov\u00edme, alebo nap\u00ed\u0161eme. Mus\u00edme <span class=\"st\">\u201e<\/span>vyplni\u0165 formul\u00e1r<span class=\"st\">\u201c<\/span> pre akciu.<\/p>\n<p>Ten vyzer\u00e1 takto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1175\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod1.jpg\" alt=\"Tla\u010didlo \u201eLo\u010f\u201c - akcia 1\" width=\"485\" height=\"313\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod1.jpg 485w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod1-300x194.jpg 300w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/p>\n<p>V rozba\u013eovacom menu <span class=\"st\">\u201e<\/span>Action<span class=\"st\">\u201c<\/span> sa nach\u00e1dza zoznam v\u0161etk\u00fdch \u010dinnost\u00ed, ktor\u00e9 vie Storyline vykona\u0165. Nie je ich ve\u013ea, ale n\u00e1m v tejto interakcii sta\u010dia iba dve. V prvej \u010dasti sme pou\u017eili akciu <span class=\"st\">\u201e<\/span>Show layer<span class=\"st\">\u201c<\/span> (Zobraz vrstvu).<\/p>\n<p>Vid\u00edte, \u017ee sa mi sem vo\u0161la len prv\u00e1 \u010das\u0165 akcie. Teda zobrazi\u0165 vrstvu <span class=\"st\">\u201e<\/span>lo\u010f<span class=\"st\">\u201c<\/span>. To je preto, \u017ee Storyline dokonca nepozn\u00e1 ani prira\u010fovacie s\u00favetia.<\/p>\n<p>Tak\u017ee z jednej vety, ktor\u00fa sme mali, sprav\u00edme dve:<\/p>\n<p><em>Ke\u010f stla\u010d\u00edm <strong>tla\u010didlo <span class=\"st\">\u201eL<\/span>o\u010f<span class=\"st\">\u201c<\/span><\/strong>, tak zobraz <strong>vrstvu <span class=\"st\">\u201e<\/span>lo\u010f<span class=\"st\">\u201c<\/span><\/strong>.<\/em><\/p>\n<p><em>Ke\u010f stla\u010d\u00edm <strong>tla\u010didlo <span class=\"st\">\u201eL<\/span>o\u010f<span class=\"st\">\u201c<\/span><\/strong>, <strong>Robinson <\/strong>zme\u0148 svoj <strong>stav<\/strong> na <strong><span class=\"st\">\u201e<\/span>Stastny<span class=\"st\">\u201c<\/span><\/strong>.<\/em><\/p>\n<p>Z toho potom vznikne druh\u00e1 akcia:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1176\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod2.jpg\" alt=\"Tla\u010didlo \u201eLo\u010f\u201c - akcia 2\" width=\"485\" height=\"345\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod2.jpg 485w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod2-300x213.jpg 300w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/p>\n<p>Ak \u010d\u00edtate akciu po rade, tak to vcelku d\u00e1va zmysel a pripom\u00edna to na\u0161u vetu. Teda: Vykonaj akciu (Action) <span class=\"st\">\u201e<\/span>zme\u0148 stav<span class=\"st\">\u201c<\/span> na objekte (On Object) <span class=\"st\">\u201e<\/span>Robinson<span class=\"st\">\u201c<\/span> na stav (To State) <span class=\"st\">\u201e<\/span>Stastny<span class=\"st\">\u201c<\/span>, ke\u010f (When) pou\u017e\u00edvate\u013e klikne (User clicks) na objekt (Object) <span class=\"st\">\u201e<\/span>tlacidlo_lod<span class=\"st\">\u201c<\/span>.<\/p>\n<p>V\u0161etky akcie m\u00e1me zap\u00edsan\u00e9 v paneli Triggers. A vid\u00edme, \u017ee pri tla\u010didle <span class=\"st\">\u201eL<\/span>o\u010f<span class=\"st\">\u201c<\/span>, s\u00fa teraz 2 akcie.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1177\" src=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod3.jpg\" alt=\"Tla\u010didlo \u201eLo\u010f\u201c - v\u00fdsledn\u00e9 akcie\" width=\"355\" height=\"319\" srcset=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod3.jpg 355w, https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/tlacidlo_lod3-300x270.jpg 300w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/p>\n<p>Ke\u010f\u017ee sme teraz jedn\u00e9mu tla\u010didlu priradili dve akcie, ke\u010f ho stla\u010d\u00edm, spustia sa obe &#8211; v porad\u00ed, v akom s\u00fa za sebou. Jedno tla\u010didlo m\u00f4\u017ee ma\u0165 pokojne aj dvadsa\u0165 akci\u00ed. T\u00fdm, \u017ee sa v\u0161etko udeje v priebehu p\u00e1r milisek\u00fand, tak to bude pre n\u00e1s vyzera\u0165, akoby sa to stalo naraz. V na\u0161om pr\u00edpade je z\u00e1rove\u0148 jedno, \u010do sa stane sk\u00f4r &#8211; teda, \u010di pr\u00edde lo\u010f a Robinson ju zbad\u00e1 a potom sa za\u010dne te\u0161i\u0165, alebo sa Robinson za\u010dne te\u0161i\u0165 a potom pr\u00edde lo\u010f. V mnoh\u00fdch pr\u00edpadoch to v\u0161ak nie je jedno a na porad\u00ed akci\u00ed z\u00e1le\u017e\u00ed. Je to jedna z vec\u00ed, ktor\u00e9 p\u00f4sobia najviac probl\u00e9mov pri tvorbe akci\u00ed.<\/p>\n<p>Ostatn\u00e9 <span class=\"st\">\u201e<\/span>bo\u017esk\u00e9 tla\u010didl\u00e1<span class=\"st\">\u201c<\/span> bud\u00fa ma\u0165 podobn\u00fd princ\u00edp. To, \u010do chcete urobi\u0165 je, \u017ee:<\/p>\n<ol>\n<li>Ke\u010f stla\u010d\u00edte tla\u010didlo <span class=\"st\">\u201eB<\/span>\u00farka<span class=\"st\">\u201c<\/span>, pr\u00edde b\u00farka a Robinson bude smutn\u00fd.<\/li>\n<li>Ke\u010f stla\u010d\u00edte tla\u010didlo <span class=\"st\">\u201eK<\/span>raken<span class=\"st\">\u201c<\/span>, pr\u00edde kraken a Robinson sa schov\u00e1.<\/li>\n<\/ol>\n<p>Vysk\u00fa\u0161ajte si zvy\u0161n\u00e9 dve tla\u010didl\u00e1 nastavi\u0165 sami, pod\u013ea tla\u010didla <span class=\"st\">\u201e<\/span>lo\u010f<span class=\"st\">\u201c<\/span>.<\/p>\n<h2 id=\"id-11.Interakcieh\u00fdbusvetom-tak\u00fdm,ktor\u00fdsive-learninguvytvor\u00edme-\u010co\u010falej?\">\u010co \u010falej?<\/h2>\n<p>Teraz m\u00e1te v ruke n\u00e1stroj, ktor\u00fd v\u00e1m pom\u00f4\u017ee interakcie za\u010da\u0165 tvori\u0165. V\u0161etky z\u00e1kladn\u00e9 interakcie sa skladaj\u00fa len z uveden\u00fdch troch vec\u00ed &#8211; teda stavy, vrstvy a akcie. Preto, ak m\u00e1te n\u00e1pad na nejak\u00fa interakciu, je dobr\u00e9 si ju <span class=\"st\">\u201e<\/span>rozlo\u017ei\u0165 na drobn\u00e9<span class=\"st\">\u201c<\/span>. Teda zamyslie\u0165 sa, \u010do z va\u0161ej interakcie by mohli by\u0165 stavy, \u010do by mohli by\u0165 vrstvy a ako sa zmena stavov alebo zobrazovanie vrstiev postar\u00e1 o v\u00fdsledn\u00fd efekt.<\/p>\n<p>Na str\u00e1nke <a class=\"external-link\" href=\"https:\/\/community.articulate.com\/\" rel=\"nofollow\">E-learning Heroes<\/a>, \u010do je str\u00e1nka pre komunitu Articulate, sa nach\u00e1dza ve\u013ea uk\u00e1\u017eok r\u00f4znych projektov. \u0160peci\u00e1lne v \u010dasti <a class=\"external-link\" href=\"https:\/\/community.articulate.com\/hubs\/e-learning-challenges\" rel=\"nofollow\">Weekly challenges<\/a>, kde \u013eudia ka\u017ed\u00fd t\u00fd\u017ede\u0148 prid\u00e1vaj\u00fa svoje projekty zameran\u00e9 na konkr\u00e9tnu t\u00e9mu. Tieto projekty sl\u00fa\u017eia ako dobr\u00fd z\u00e1klad, ke\u010f chcete tvori\u0165 interakcie. Jednak sa viete in\u0161pirova\u0165 t\u00fdm, \u010do in\u00ed \u013eudia spravili a m\u00f4\u017eete sa zamyslie\u0165 nad t\u00fdm, ako bola dan\u00e1 interakcia vytvoren\u00e1, pr\u00edpadne si ju m\u00f4\u017eete vytvori\u0165 sami. \u010castokr\u00e1t sa autori aj podelia o postup. Najsk\u00f4r v\u0161ak odpor\u00fa\u010dam sk\u00fasi\u0165 to bez pomoci.<\/p>\n<p>Zatia\u013e sme sa venovali len jednoduch\u00fdm interakci\u00e1m, ale v Storyline sa daj\u00fa vytvori\u0165 aj celkom komplexn\u00e9 interakcie &#8211; tak\u00e9 ktor\u00e9 pou\u017e\u00edvaj\u00fa premenn\u00e9. O tom, v\u0161ak, niekedy nabud\u00face&#8230;<\/p>\n<p>Nezabudnite, \u017ee najd\u00f4le\u017eitej\u0161ie pri interakci\u00e1ch je pou\u017e\u00edva\u0165 ich s rozumom. Tak ako interakcia pom\u00f4\u017ee u\u010divo pochopi\u0165, ak je pou\u017eit\u00e1 spr\u00e1vne, tak isto vie celkov\u00fd \u00fa\u010dinok zn\u00ed\u017ei\u0165.<\/p>\n<hr \/>\n<p>Ak v\u00e1s zauj\u00edma tvorba konkr\u00e9tnych vec\u00ed v autorskom n\u00e1stroji ako je Articulate Storyline, zv\u00e1\u017ete zap\u00edsanie sa na odber na\u0161ich noviniek. Zop\u00e1r \u010fal\u0161\u00edch \u010dl\u00e1nkov tohto druhu je na programe \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>N\u00e1vod, ako si vytvori\u0165 jednoduch\u00fa interakciu v Articulate Storyline, a \u010do sa vlastne za interakciami skr\u00fdva.<\/p>\n","protected":false},"author":4,"featured_media":1180,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,45],"tags":[103,104],"class_list":["post-1140","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autorske-nastroje","category-tvorba-online-kurzov","tag-articulate-storyline","tag-interakcie"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Interakcie h\u00fdbu svetom - tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme | e-learnmedia BLOG<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interakcie h\u00fdbu svetom - tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme | e-learnmedia BLOG\" \/>\n<meta property=\"og:description\" content=\"N\u00e1vod, ako si vytvori\u0165 jednoduch\u00fa interakciu v Articulate Storyline, a \u010do sa vlastne za interakciami skr\u00fdva.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/\" \/>\n<meta property=\"og:site_name\" content=\"e-learnmedia BLOG\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elearnmedia\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-26T07:37:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Elena Urbanov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elearnmedia\" \/>\n<meta name=\"twitter:site\" content=\"@elearnmedia\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elena Urbanov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 min\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/\",\"url\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/\",\"name\":\"Interakcie h\u00fdbu svetom - tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme | e-learnmedia BLOG\",\"isPartOf\":{\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg\",\"datePublished\":\"2019-02-26T07:37:57+00:00\",\"author\":{\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/#\/schema\/person\/5063966b74617b4b3b40cb19ea0b05ee\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#primaryimage\",\"url\":\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg\",\"contentUrl\":\"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg\",\"width\":2400,\"height\":1260,\"caption\":\"Robinson na ostrove\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.e-learnmedia.sk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interakcie h\u00fdbu svetom &#8211; tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/#website\",\"url\":\"https:\/\/www.e-learnmedia.sk\/blog\/\",\"name\":\"e-learnmedia BLOG\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.e-learnmedia.sk\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/#\/schema\/person\/5063966b74617b4b3b40cb19ea0b05ee\",\"name\":\"Elena Urbanov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\/\/www.e-learnmedia.sk\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d0045d5b15df025e248219595e8ee05c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d0045d5b15df025e248219595e8ee05c?s=96&d=mm&r=g\",\"caption\":\"Elena Urbanov\u00e1\"},\"description\":\"M\u00e1m rada rie\u0161enie probl\u00e9mov, r\u00e9busov a h\u00e1daniek. A svet digit\u00e1lneho vzdel\u00e1vania prekvapivo poskytuje mno\u017estvo pr\u00edle\u017eitost\u00ed v tejto oblasti. \u010ci u\u017e ide o rie\u0161enie konkr\u00e9tnych v\u00fdziev klientov alebo potom t\u00fdch mojich, ktor\u00e9 z toho vypl\u00fdvaj\u00fa :) A to sa mi na mojej pr\u00e1ci p\u00e1\u010di.\",\"url\":\"https:\/\/www.e-learnmedia.sk\/blog\/author\/eurbanova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interakcie h\u00fdbu svetom - tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme | e-learnmedia BLOG","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/","og_locale":"sk_SK","og_type":"article","og_title":"Interakcie h\u00fdbu svetom - tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme | e-learnmedia BLOG","og_description":"N\u00e1vod, ako si vytvori\u0165 jednoduch\u00fa interakciu v Articulate Storyline, a \u010do sa vlastne za interakciami skr\u00fdva.","og_url":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/","og_site_name":"e-learnmedia BLOG","article_publisher":"https:\/\/www.facebook.com\/elearnmedia","article_published_time":"2019-02-26T07:37:57+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg","type":"image\/jpeg"}],"author":"Elena Urbanov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@elearnmedia","twitter_site":"@elearnmedia","twitter_misc":{"Autor":"Elena Urbanov\u00e1","Predpokladan\u00fd \u010das \u010d\u00edtania":"10 min\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/","url":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/","name":"Interakcie h\u00fdbu svetom - tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme | e-learnmedia BLOG","isPartOf":{"@id":"https:\/\/www.e-learnmedia.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#primaryimage"},"image":{"@id":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#primaryimage"},"thumbnailUrl":"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg","datePublished":"2019-02-26T07:37:57+00:00","author":{"@id":"https:\/\/www.e-learnmedia.sk\/blog\/#\/schema\/person\/5063966b74617b4b3b40cb19ea0b05ee"},"breadcrumb":{"@id":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#primaryimage","url":"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg","contentUrl":"https:\/\/www.e-learnmedia.sk\/blog\/wp-content\/uploads\/2019\/02\/11_e.jpg","width":2400,"height":1260,"caption":"Robinson na ostrove"},{"@type":"BreadcrumbList","@id":"https:\/\/www.e-learnmedia.sk\/blog\/interakcie-hybu-svetom-takym-ktory-si-v-e-learningu-vytvorime\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.e-learnmedia.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"Interakcie h\u00fdbu svetom &#8211; tak\u00fdm, ktor\u00fd si v e-learningu vytvor\u00edme"}]},{"@type":"WebSite","@id":"https:\/\/www.e-learnmedia.sk\/blog\/#website","url":"https:\/\/www.e-learnmedia.sk\/blog\/","name":"e-learnmedia BLOG","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.e-learnmedia.sk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Person","@id":"https:\/\/www.e-learnmedia.sk\/blog\/#\/schema\/person\/5063966b74617b4b3b40cb19ea0b05ee","name":"Elena Urbanov\u00e1","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.e-learnmedia.sk\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d0045d5b15df025e248219595e8ee05c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d0045d5b15df025e248219595e8ee05c?s=96&d=mm&r=g","caption":"Elena Urbanov\u00e1"},"description":"M\u00e1m rada rie\u0161enie probl\u00e9mov, r\u00e9busov a h\u00e1daniek. A svet digit\u00e1lneho vzdel\u00e1vania prekvapivo poskytuje mno\u017estvo pr\u00edle\u017eitost\u00ed v tejto oblasti. \u010ci u\u017e ide o rie\u0161enie konkr\u00e9tnych v\u00fdziev klientov alebo potom t\u00fdch mojich, ktor\u00e9 z toho vypl\u00fdvaj\u00fa :) A to sa mi na mojej pr\u00e1ci p\u00e1\u010di.","url":"https:\/\/www.e-learnmedia.sk\/blog\/author\/eurbanova\/"}]}},"_links":{"self":[{"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/posts\/1140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/comments?post=1140"}],"version-history":[{"count":43,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/posts\/1140\/revisions"}],"predecessor-version":[{"id":1203,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/posts\/1140\/revisions\/1203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/media\/1180"}],"wp:attachment":[{"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/media?parent=1140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/categories?post=1140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.e-learnmedia.sk\/blog\/wp-json\/wp\/v2\/tags?post=1140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}