{"id":18745,"date":"2020-10-28T10:47:21","date_gmt":"2020-10-28T10:47:21","guid":{"rendered":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/?p=18745"},"modified":"2024-04-19T10:05:36","modified_gmt":"2024-04-19T08:05:36","slug":"h5p-przeglad-interaktywnych-tresci","status":"publish","type":"post","link":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/","title":{"rendered":"H5P &#8211; przegl\u0105d interaktywnych tre\u015bci!"},"content":{"rendered":"<p>Po aktualizacji Moodle do wersji <strong>3.9<\/strong> zostali\u015bmy obdarowani nowymi mo\u017cliwo\u015bciami w ramach <a href=\"https:\/\/upel.agh.edu.pl\/\" target=\"_blank\" rel=\"noopener\">Uczelnianej Platformy e-Learningowej (UPeL)<\/a>. Wszystko za spraw\u0105 <strong>aktywno\u015bci H5P<\/strong>, kt\u00f3ra umo\u017cliwia projektowanie wielu atrakcyjnych wizualnie i przede wszystkim interaktywnych materia\u0142\u00f3w edukacyjnych. Nie trzeba by\u0107 programist\u0105:)<\/p>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/H5P\" target=\"_blank\" rel=\"noopener\">H5P<\/a> (inaczej HTML5) to narz\u0119dzie typu <em>open source<\/em> (otwarta licencja) i teraz mo\u017cna z niego korzysta\u0107 na UPeL poprzez tzw.<strong> Bank Zawarto\u015bci<\/strong>.<br \/>\nJak to zrobi\u0107 <strong><a href=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/tutorial\/bank-zawartosci-dodawanie-aktywnosci-h5p\/\" target=\"_blank\" rel=\"noopener\">przeczytasz w naszym tutorialu<\/a><\/strong>.<\/p>\n<p>Poni\u017cej przygotowali\u015bmy nasz\u0105 subiektywn\u0105 &#8220;<strong>list\u0119 przeboj\u00f3w<\/strong>&#8221; H5P, wraz z linkami do szczeg\u00f3\u0142owych tutoriali ze strony <a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener\">h5p.org<\/a>. Zobaczcie, co Wam si\u0119 mo\u017ce przyda\u0107!<\/p>\n<h4>Pytania i quizy<\/h4>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18763\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/multichoice-icon_0.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Multiple choice\u2b50\u2b50\u2b50<br \/>\n<strong>Pytanie wielokrotnego wyboru<\/strong>. Pozwoli na wyb\u00f3r kilku poprawnych odpowiedzi. <a href=\"https:\/\/h5p.org\/multichoice\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18787\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/single-choice-set-icon_0.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Single choice\u2b50\u2b50\u2b50<br \/>\n<strong>Pytanie jednokrotnego wyboru<\/strong>. Pozwoli na wyb\u00f3r wy\u0142\u0105cznie jednej odpowiedzi. <a href=\"https:\/\/h5p.org\/single-choice-set\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18776\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/summary_icon.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Summary\u2b50\u2b50\u2b50<br \/>\n<strong>Podsumowanie <\/strong>w formie wybrania prawdziwego zdania. Aktywno\u015b\u0107 podobna zatem do pytania wielokrotnego wyboru. <a href=\"https:\/\/h5p.org\/tutorial-summary\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18782\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/true-false.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>True\/False question\u2b50\u2b50\u2b50<br \/>\n<strong>Prawda\/Fa\u0142sz<\/strong> to pytanie z alternatywami. Mo\u017ce mie\u0107 te\u017c form\u0119 &#8220;Tak\/Nie&#8221; &#8220;Zgadzam si\u0119\/Nie Zgadzam si\u0119&#8221; etc. <a href=\"https:\/\/h5p.org\/tutorial-true-false\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18791\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/flashcards-png-icon.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Flashcards\u2b50\u2b50\u2b50<br \/>\n<strong>Fiszki<\/strong> to kr\u00f3tkie pytania powi\u0105zane z grafik\u0105 lub obrazkiem na cyfrowej fiszce. <a href=\"https:\/\/h5p.org\/tutorial-flashcards\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Inne z kategorii: pytania i quizy<\/p>\n<ul>\n<li><strong>Fill in the blanks<\/strong> \u2b50\u2b50 Uzupe\u0142nij luki w tek\u015bcie. <a href=\"https:\/\/h5p.org\/tutorial-fill-in-the-blanks\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Drag the Words<\/strong> \u2b50\u2b50 Przyporz\u0105dkuj odpowied\u017a metod\u0105 &#8220;drag and drop&#8221;. <a href=\"https:\/\/h5p.org\/documentation\/content-author-guide\/tutorials-for-authors\/drag-the-words\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Essay<\/strong> \u2b50\u2b50 Pytanie otwarte, automatycznie oceniane na podstawie kluczowych s\u0142\u00f3w. <a href=\"https:\/\/h5p.org\/tutorial-essay\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Questionnaire<\/strong> \u2b50\u2b50 Tworzenie formularzy ankiet do bada\u0144 i zbierania opinii. <a href=\"https:\/\/h5p.org\/questionnaire\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Quiz\/Question Set<\/strong> \u2b50\u2b50 Budowanie ca\u0142ego testu\/quizu z wielu r\u00f3\u017cnych rodzaj\u00f3w pyta\u0144. <a href=\"https:\/\/h5p.org\/tutorial-question-set\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Dialog Cards<\/strong> \u2b50 Rodzaj fiszek, w kt\u00f3rych umieszczamy kr\u00f3tk\u0105 notatk\u0119 g\u0142osow\u0105. <a href=\"https:\/\/h5p.org\/dialog-cards\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Guess the Answer<\/strong> \u2b50 Grafika, kt\u00f3r\u0105 student ma spr\u00f3bowa\u0107 rozpozna\u0107. <a href=\"https:\/\/h5p.org\/guess-the-answer\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Mark the Words<\/strong> \u2b50 Zadanie polega na zaznaczeniu w tek\u015bcie w\u0142a\u015bciwych s\u0142\u00f3w. <a href=\"https:\/\/h5p.org\/mark-the-words\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Personality quiz<\/strong> \u2b50 Rodzaj zabawy integracyjnej typu &#8220;psychotesty&#8221;. <a href=\"https:\/\/h5p.org\/personality-quiz\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<\/ul>\n<h4>Interaktywne tre\u015bci<\/h4>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-18921\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/interactive_video_icon-colors_0.png\" alt=\"\" width=\"105\" height=\"79\" srcset=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/interactive_video_icon-colors_0.png 640w, https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/interactive_video_icon-colors_0-300x225.png 300w\" sizes=\"auto, (max-width: 105px) 100vw, 105px\" \/><\/td>\n<td>Interactive video\u2b50\u2b50\u2b50<br \/>\n<strong>Interaktywne wideo<\/strong>. Dzi\u0119ki tej funkcji dodasz elementy interakcji do wideo (Twojego albo np. z Platformy Youtube czy Vimeo) &#8211; film mo\u017ce zatrzymywa\u0107 si\u0119 w wybranym przez Ciebie momencie, aby wy\u015bwietli\u0107 pytanie, dodatkowe tre\u015bci, grafik\u0119 etc. <a href=\"https:\/\/h5p.org\/tutorial-interactive-video\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-18928\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/course_presentation_icon-colors_0.png\" alt=\"\" width=\"109\" height=\"82\" srcset=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/course_presentation_icon-colors_0.png 640w, https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/course_presentation_icon-colors_0-300x225.png 300w\" sizes=\"auto, (max-width: 109px) 100vw, 109px\" \/><\/td>\n<td>Course Presentation\u2b50\u2b50\u2b50<br \/>\n<strong>Interaktywna prezentacja<\/strong>. Daje mo\u017cliwo\u015b\u0107 zaprojektowania prezentacji multimedialnej z quizami, pytaniami i dodatkowymi tre\u015bciami do interakcji. <a href=\"https:\/\/h5p.org\/tutorial-course-presentation\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-18931\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/documentation-tool-icon_0.png\" alt=\"\" width=\"105\" height=\"79\" \/><\/td>\n<td>Documentation tool\u2b50\u2b50\u2b50<br \/>\n<strong>Tworzenie dokument\u00f3w<\/strong>. Pozwoli budowa\u0107 struktur\u0119 dokument\u00f3w do wype\u0142niania przez student\u00f3w, np. formatk\u0119 sprawozdania. <a href=\"https:\/\/h5p.org\/tutorial-documentation-tool\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-18934\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/interactive-book-icon.png\" alt=\"\" width=\"110\" height=\"83\" \/><\/td>\n<td>Interactive book\u2b50\u2b50\u2b50<br \/>\n<strong>Interaktywna ksi\u0105\u017cka<\/strong>. Podobnie jak prezentacja, daje mo\u017cliwo\u015b\u0107 komponowania r\u00f3\u017cnych tre\u015bci: tekst\u00f3w, grafik, wideo, pyta\u0144 i uk\u0142adania ich w rozdzia\u0142y e-ksi\u0105\u017cki. <a href=\"https:\/\/h5p.org\/content-types\/interactive-book\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-18938\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/column-icon-1.png\" alt=\"\" width=\"106\" height=\"80\" \/><\/td>\n<td>Column\u2b50\u2b50\u2b50<br \/>\n<strong>Uk\u0142ad kolumnowy<\/strong>. S\u0142u\u017cy uporz\u0105dkowaniu pakietu tre\u015bci H5P w jedn\u0105 sp\u00f3jn\u0105 kolumn\u0119, gdzie sami dobieramy zestaw narz\u0119dzi typu: video, pytania, multimedia. <a href=\"https:\/\/h5p.org\/column\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Inne z kategorii: interaktywne tre\u015bci<\/p>\n<ul>\n<li><strong>Branching Scenario<\/strong> \u2b50\u2b50 Pozwala projektowa\u0107 rozga\u0142\u0119zione scenariusze \u015bcie\u017cek uczenia (np. symulacje), podobnie jak &#8220;Lekcja&#8221; w Moodle. <a href=\"https:\/\/h5p.org\/tutorial-branching-scenario\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Virtual Tour<\/strong> \u2b50\u2b50 Dodawanie tre\u015bci do zdj\u0119cia 360 stopni &#8211; rodzaj wirtualnej wycieczki. <a href=\"https:\/\/h5p.org\/tutorial-virtual-tour\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Accordion<\/strong> \u2b50\u2b50 Zbudowanie tre\u015bci w uk\u0142adzie listy rozwijanej. <a href=\"https:\/\/h5p.org\/accordion\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Timeline<\/strong> \u2b50\u2b50 O\u015b czasu, na kt\u00f3rej umieszcza\u0107 mo\u017cna okre\u015blone tre\u015bci multimedialne. <a href=\"https:\/\/h5p.org\/documentation\/content-author-guide\/tutorials-for-authors\/timeline\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Chart<\/strong> \u2b50 Tworzenie w H5P wykres\u00f3w. <a href=\"https:\/\/h5p.org\/chart\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Iframe Embedder<\/strong> \u2b50 Pomocnicze narz\u0119dzie do zagnie\u017cd\u017cania tre\u015bci na platformie <a href=\"https:\/\/h5p.org\/iframe-embedder\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>QR Code<\/strong> \u2b50 Narz\u0119dzie do generowanie w H5P kod\u00f3w QR <a href=\"https:\/\/h5p.org\/content-types\/kewar-code#example=1019060\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Impressive Presentation<\/strong> \u2b50 Prezentacja multimedialna z efektem 3D. <a href=\"https:\/\/h5p.org\/impressive-presentation\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<\/ul>\n<h4>Praca z obrazem<\/h4>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18958\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/find-multiple-hotspots.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Find Multiple Hotspots\u2b50\u2b50\u2b50<br \/>\n<strong>Zaznaczenia na obrazie<\/strong>. Mo\u017cesz przygotowa\u0107 \u0107wiczenie polegaj\u0105ce na zaznaczeniu w\u0142a\u015bciwych element\u00f3w na zdj\u0119ciu, grafice, mapie, szkicu etc. <a href=\"https:\/\/h5p.org\/find-multiple-hotspots\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18961\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/image-hotspots-icon-color.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Image Hotspots\u2b50\u2b50\u2b50<br \/>\n<strong>Tre\u015bci ukryte w obrazie<\/strong>. Ukryjesz w ten spos\u00f3b na materiale wizualnym dodatkowe tre\u015bci np. opis tekstowy. <a href=\"https:\/\/h5p.org\/tutorial-image-hotspots\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18966\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/drag-and-drop-icon.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Drag and Drop\u2b50\u2b50\u2b50<br \/>\n<strong>\u0106wiczenia drag and drop<\/strong>. Pytanie wymagaj\u0105ce od studenta ustawienie obiekt\u00f3w tekstowych we w\u0142a\u015bciwym miejscu na obrazku. <a href=\"https:\/\/h5p.org\/tutorial-drag-and-drop-question\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Inne z kategorii: praca z obrazem<\/p>\n<ul>\n<li><strong>Image Juxtaposition<\/strong> \u2b50\u2b50 Pozwala na dynamiczne por\u00f3wnywanie dw\u00f3ch obraz\u00f3w, grafik etc. <a href=\"https:\/\/h5p.org\/image-juxtaposition\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Find the Hotspots<\/strong> \u2b50\u2b50 Rodzaj wizualnego pytania typu &#8220;jednokrotna odpowied\u017a&#8221;. <a href=\"https:\/\/h5p.org\/image-hotspot-question\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Image Sequencing<\/strong> \u2b50\u2b50 \u0106wiczenie, w kt\u00f3rym studenci maj\u0105 uporz\u0105dkowa\u0107 wg kolejno\u015bci elementy graficzne. <a href=\"https:\/\/h5p.org\/tutorial-image-sequencing\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Agamotto<\/strong> \u2b50\u2b50 Pozwala na nak\u0142adanie r\u00f3\u017cnych warstw zdj\u0119cia, jego zmian\u0119 na osi czasu etc. <a href=\"https:\/\/h5p.org\/agamotto-tutorial\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Image Slider<\/strong> \u2b50 Narz\u0119dzie do tworzenie tzw. &#8220;slidera&#8221;, przewiania sekwencji obraz\u00f3w. <a href=\"https:\/\/h5p.org\/image-slider\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Collage<\/strong> \u2b50 Budowanie album\u00f3w zdj\u0119\u0107. <a href=\"https:\/\/h5p.org\/collage\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Image Pairing<\/strong> \u2b50 Zadanie, w kt\u00f3rym student ma po\u0142\u0105czy\u0107 koresponduj\u0105ce ze sob\u0105 grafiki z dw\u00f3ch zestaw\u00f3w <a href=\"https:\/\/h5p.org\/image-pairing\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<\/ul>\n<h4>M\u00f3wienie i s\u0142uchanie<\/h4>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18978\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/dictation.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Dictation\u2b50\u2b50\u2b50<br \/>\n<strong>Dyktowanie<\/strong>. Student zapisuje odpowied\u017a na podstawie kr\u00f3tkiego nagrania do ods\u0142uchania. <a href=\"https:\/\/h5p.org\/tutorial-dictation\" target=\"_blank\" rel=\"noopener\">Zobacz tutorial<\/a><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-18979\" style=\"font-family: inherit; font-size: inherit; color: var(--bs-body-color); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align);\" src=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/speak-the-words.png\" alt=\"\" width=\"90\" height=\"67\" \/><\/td>\n<td>Speak the Words\u2b50\u2b50\u2b50<br \/>\n<strong>S\u0142owna odpowied\u017a<\/strong>. Student odpowiada na pytanie ustnie, najlepiej jednym s\u0142owem. UWAGA: aktualnie dzia\u0142a tylko w przegl\u0105darce Chrome. <a href=\"https:\/\/h5p.org\/speak-the-words\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Inne z kategorii: m\u00f3wienie i s\u0142uchanie<\/p>\n<ul>\n<li><strong>Speak the Words Set<\/strong> \u2b50\u2b50 Umo\u017cliwia budowanie ca\u0142ych zestaw\u00f3w pyta\u0144 z odpowiedzi\u0105 g\u0142osow\u0105 studenta. <a href=\"https:\/\/h5p.org\/speak-the-words-set\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<li><strong>Audio Recorder<\/strong> \u2b50 Pozwala nagrywa\u0107 notatk\u0119 g\u0142osow\u0105. <a href=\"https:\/\/h5p.org\/audio-recorder\" target=\"_blank\" rel=\"noopener\">Tutorial<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Po aktualizacji Moodle do wersji 3.9 zostali\u015bmy obdarowani nowymi mo\u017cliwo\u015bciami w ramach Uczelnianej Platformy e-Learningowej (UPeL). Wszystko za spraw\u0105 aktywno\u015bci H5P, kt\u00f3ra umo\u017cliwia projektowanie wielu atrakcyjnych wizualnie i przede wszystkim interaktywnych materia\u0142\u00f3w edukacyjnych. Nie trzeba by\u0107 programist\u0105:) H5P (inaczej HTML5) to narz\u0119dzie typu open source (otwarta licencja) i teraz mo\u017cna z niego korzysta\u0107 na UPeL[&#8230;]<\/p>\n","protected":false},"author":9,"featured_media":18746,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[895,885],"tag-global":[900,940],"class_list":["post-18745","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tworz-zasoby","category-technicznie-rzecz-biorac","tag-global-upel","tag-global-h5p"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>H5P - przegl\u0105d interaktywnych tre\u015bci! - CeLiID AGH<\/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:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H5P - przegl\u0105d interaktywnych tre\u015bci! - CeLiID AGH\" \/>\n<meta property=\"og:description\" content=\"Po aktualizacji Moodle do wersji 3.9 zostali\u015bmy obdarowani nowymi mo\u017cliwo\u015bciami w ramach Uczelnianej Platformy e-Learningowej (UPeL). Wszystko za spraw\u0105 aktywno\u015bci H5P, kt\u00f3ra umo\u017cliwia projektowanie wielu atrakcyjnych wizualnie i przede wszystkim interaktywnych materia\u0142\u00f3w edukacyjnych. Nie trzeba by\u0107 programist\u0105:) H5P (inaczej HTML5) to narz\u0119dzie typu open source (otwarta licencja) i teraz mo\u017cna z niego korzysta\u0107 na UPeL[...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/\" \/>\n<meta property=\"og:site_name\" content=\"CeLiID AGH\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-28T10:47:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-19T08:05:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/instructional-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"780\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Wojciech Baran\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wojciech Baran\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/\"},\"author\":{\"name\":\"Wojciech Baran\",\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/#\\\/schema\\\/person\\\/544f035789dd4f01057c520da25b577a\"},\"headline\":\"H5P &#8211; przegl\u0105d interaktywnych tre\u015bci!\",\"datePublished\":\"2020-10-28T10:47:21+00:00\",\"dateModified\":\"2024-04-19T08:05:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/\"},\"wordCount\":832,\"image\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/instructional-design.jpg\",\"articleSection\":[\"Tw\u00f3rz zasoby\",\"Technicznie rzecz bior\u0105c\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/\",\"url\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/\",\"name\":\"H5P - przegl\u0105d interaktywnych tre\u015bci! - CeLiID AGH\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/instructional-design.jpg\",\"datePublished\":\"2020-10-28T10:47:21+00:00\",\"dateModified\":\"2024-04-19T08:05:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/#\\\/schema\\\/person\\\/544f035789dd4f01057c520da25b577a\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/h5p-przeglad-interaktywnych-tresci\\\/#primaryimage\",\"url\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/instructional-design.jpg\",\"contentUrl\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/instructional-design.jpg\",\"width\":1280,\"height\":780},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/#website\",\"url\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/\",\"name\":\"CeLiID AGH\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/#\\\/schema\\\/person\\\/544f035789dd4f01057c520da25b577a\",\"name\":\"Wojciech Baran\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba2a8e85ec55a5bf446d53de83543d30d7a94a6459cf6b9f98a7185471fa5b1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba2a8e85ec55a5bf446d53de83543d30d7a94a6459cf6b9f98a7185471fa5b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba2a8e85ec55a5bf446d53de83543d30d7a94a6459cf6b9f98a7185471fa5b1?s=96&d=mm&r=g\",\"caption\":\"Wojciech Baran\"},\"url\":\"https:\\\/\\\/zasoby1.open.agh.edu.pl\\\/cel2026\\\/author\\\/wbaranagh-edu-pl\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"H5P - przegl\u0105d interaktywnych tre\u015bci! - CeLiID AGH","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:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/","og_locale":"pl_PL","og_type":"article","og_title":"H5P - przegl\u0105d interaktywnych tre\u015bci! - CeLiID AGH","og_description":"Po aktualizacji Moodle do wersji 3.9 zostali\u015bmy obdarowani nowymi mo\u017cliwo\u015bciami w ramach Uczelnianej Platformy e-Learningowej (UPeL). Wszystko za spraw\u0105 aktywno\u015bci H5P, kt\u00f3ra umo\u017cliwia projektowanie wielu atrakcyjnych wizualnie i przede wszystkim interaktywnych materia\u0142\u00f3w edukacyjnych. Nie trzeba by\u0107 programist\u0105:) H5P (inaczej HTML5) to narz\u0119dzie typu open source (otwarta licencja) i teraz mo\u017cna z niego korzysta\u0107 na UPeL[...]","og_url":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/","og_site_name":"CeLiID AGH","article_published_time":"2020-10-28T10:47:21+00:00","article_modified_time":"2024-04-19T08:05:36+00:00","og_image":[{"width":1280,"height":780,"url":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/instructional-design.jpg","type":"image\/jpeg"}],"author":"Wojciech Baran","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Wojciech Baran","Szacowany czas czytania":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/#article","isPartOf":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/"},"author":{"name":"Wojciech Baran","@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/#\/schema\/person\/544f035789dd4f01057c520da25b577a"},"headline":"H5P &#8211; przegl\u0105d interaktywnych tre\u015bci!","datePublished":"2020-10-28T10:47:21+00:00","dateModified":"2024-04-19T08:05:36+00:00","mainEntityOfPage":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/"},"wordCount":832,"image":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/#primaryimage"},"thumbnailUrl":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/instructional-design.jpg","articleSection":["Tw\u00f3rz zasoby","Technicznie rzecz bior\u0105c"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/","url":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/","name":"H5P - przegl\u0105d interaktywnych tre\u015bci! - CeLiID AGH","isPartOf":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/#primaryimage"},"image":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/#primaryimage"},"thumbnailUrl":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/instructional-design.jpg","datePublished":"2020-10-28T10:47:21+00:00","dateModified":"2024-04-19T08:05:36+00:00","author":{"@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/#\/schema\/person\/544f035789dd4f01057c520da25b577a"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/h5p-przeglad-interaktywnych-tresci\/#primaryimage","url":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/instructional-design.jpg","contentUrl":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-content\/uploads\/2020\/10\/instructional-design.jpg","width":1280,"height":780},{"@type":"WebSite","@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/#website","url":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/","name":"CeLiID AGH","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/#\/schema\/person\/544f035789dd4f01057c520da25b577a","name":"Wojciech Baran","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/3ba2a8e85ec55a5bf446d53de83543d30d7a94a6459cf6b9f98a7185471fa5b1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ba2a8e85ec55a5bf446d53de83543d30d7a94a6459cf6b9f98a7185471fa5b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ba2a8e85ec55a5bf446d53de83543d30d7a94a6459cf6b9f98a7185471fa5b1?s=96&d=mm&r=g","caption":"Wojciech Baran"},"url":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/author\/wbaranagh-edu-pl\/"}]}},"_links":{"self":[{"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/posts\/18745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/comments?post=18745"}],"version-history":[{"count":139,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/posts\/18745\/revisions"}],"predecessor-version":[{"id":34867,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/posts\/18745\/revisions\/34867"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/media\/18746"}],"wp:attachment":[{"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/media?parent=18745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/categories?post=18745"},{"taxonomy":"tag-global","embeddable":true,"href":"https:\/\/zasoby1.open.agh.edu.pl\/cel2026\/wp-json\/wp\/v2\/tag-global?post=18745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}