{"id":280,"date":"2022-02-28T16:27:04","date_gmt":"2022-02-28T15:27:04","guid":{"rendered":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/?post_type=chapter&#038;p=280"},"modified":"2022-09-02T18:30:45","modified_gmt":"2022-09-02T16:30:45","slug":"esempi-e-tutorials","status":"publish","type":"chapter","link":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/chapter\/esempi-e-tutorials\/","title":{"raw":"Esempi e tutorial di Edpuzzle e H5P","rendered":"Esempi e tutorial di Edpuzzle e H5P"},"content":{"raw":"Per farsi un'idea del risultato finale dei due software per la creazione di hypervideo da noi selezionati, qui di seguito si trovano degli esempi corredati da tutorial.\r\n<h1>Edpuzzle: un performante tool per l'inserimento di elementi interattivi<\/h1>\r\nEcco un esempio di hypervideo realizzato con H5P con tutte le tipologie di interazioni: <a href=\"https:\/\/edpuzzle.com\/media\/608a89d81bbb0d418b7750b3\" target=\"_blank\" rel=\"noopener\">A casa mia<\/a>\r\n\r\n<a href=\"https:\/\/edpuzzle.com\/media\/608a89d81bbb0d418b7750b3\"><img src=\"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-300x209.png\" alt=\"\" class=\"alignnone wp-image-331\" width=\"821\" height=\"572\" \/><\/a>\r\n\r\n<span lang=\"fr-CH\">Per imparare a usare Edpuzzle, ecco due tutorial: <\/span>\r\n<ul>\r\n \t<li><span lang=\"fr-CH\">Tutorial 1:<\/span><span lang=\"de-CH\"> <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=8pQCQwMaTms\"><span lang=\"de-CH\">EdPuzzle - Come creare un video interattivo<\/span><\/a><\/li>\r\n<\/ul>\r\nhttps:\/\/www.youtube.com\/watch?v=8pQCQwMaTms\r\n\r\n&nbsp;\r\n<ul>\r\n \t<li><span lang=\"fr-CH\">Tutorial 2:<\/span><span lang=\"de-CH\"> <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=x68S9zza5Zc\"><span lang=\"de-CH\">EdPuzzle - Come condividere un video interattivo<\/span><\/a><\/li>\r\n<\/ul>\r\nhttps:\/\/www.youtube.com\/watch?v=x68S9zza5Zc\r\n<h1>H5p: di tutto e di pi\u00f9<\/h1>\r\nI video h5P si possono creare e condividere su:\r\n\r\n<a href=\"https:\/\/apps.zum.de\/\" target=\"_blank\" rel=\"noopener\">https:\/\/apps.zum.de\/<\/a>\u00a0 (in tedesco)\r\n\r\n<a href=\"https:\/\/ladigitale.dev\/logiquiz\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ladigitale.dev\/logiquiz\/<\/a>\u00a0 (in francese)\r\n\r\n<a href=\"https:\/\/next.lumi.education\/\" target=\"_blank\" rel=\"noopener\">https:\/\/next.lumi.education\/<\/a>\r\n\r\n&nbsp;\r\n\r\nEcco un esempio di hypervideo realizzato con H5P con tutte le tipologie di interazioni: <a href=\"https:\/\/apps.zum.de\/apps\/esempio-la-meglio-gioventu-litalia-da-distruggere-comprensione\">La meglio giovent\u00f9<\/a>\r\n\r\n<a href=\"https:\/\/apps.zum.de\/apps\/esempio-la-meglio-gioventu-litalia-da-distruggere-comprensione\"><img src=\"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-300x244.png\" alt=\"\" class=\"alignnone wp-image-332\" width=\"870\" height=\"708\" \/><\/a>\r\n\r\n<span lang=\"fr-CH\">Per imparare a usare H5P, ecco quattro tutorial: <\/span>\r\n<ul>\r\n \t<li>Tutorial 1: H5p <a href=\"https:\/\/youtu.be\/iXxHH9_4Vsc\">come caricare un video<\/a><\/li>\r\n<\/ul>\r\nhttps:\/\/www.youtube.com\/watch?v=iXxHH9_4Vsc\r\n<ul>\r\n \t<li>Tutorial 2: H5p <a href=\"https:\/\/youtu.be\/sHjpYjwdF6o\">come aggiungere interazioni (multiple choice e drag text) <\/a><\/li>\r\n<\/ul>\r\n[embed]https:\/\/www.youtube.com\/watch?v=sHjpYjwdF6o[\/embed]\r\n<ul>\r\n \t<li>Tutorial 3: H5p <a href=\"https:\/\/youtu.be\/v7tW8Gdax2E\">come aggiungere interazioni (testo, vero o falso, fill in the blanks)<\/a><\/li>\r\n<\/ul>\r\nhttps:\/\/www.youtube.com\/watch?v=v7tW8Gdax2E\r\n\r\n&nbsp;\r\n<ul>\r\n \t<li>Tutorial 4: H5p <a href=\"https:\/\/youtu.be\/14DtONpsTbQ\">come pubblicare e condividere il video<\/a><\/li>\r\n<\/ul>\r\nhttps:\/\/www.youtube.com\/watch?v=14DtONpsTbQ\r\n\r\n&nbsp;\r\n<h1>Consigli di norme redazionali<\/h1>\r\nEcco alcune norme redazionali elaborate per la realizzazione di questo progetto e che potrebbero servire anche come consigli generali per la realizzazione di hypervideo:\r\n<ul>\r\n \t<li>nelle istruzioni degli hypervideo, dare del tu:\u00a0 \"clicca, fai, ascolta...\"<\/li>\r\n \t<li>formulare le istruzioni nel modo pi\u00f9 breve e semplice possibile<\/li>\r\n \t<li>dove possibile, fornire un feedback istantaneo per ridurre i clic e rendere le attivit\u00e0 pi\u00f9 scorrevoli;<\/li>\r\n \t<li>evitare istruzioni inutili come \"clicca qui per sapere se la tua risposta \u00e8 esatta\" se c'\u00e8 gi\u00e0 un button \"controlla\";<\/li>\r\n \t<li>non lavorare sugli hypervideo nel browser Chrome perch\u00e9 pu\u00f2 sfasare gli audio nei video.<\/li>\r\n<\/ul>\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;","rendered":"<p>Per farsi un&#8217;idea del risultato finale dei due software per la creazione di hypervideo da noi selezionati, qui di seguito si trovano degli esempi corredati da tutorial.<\/p>\n<h1>Edpuzzle: un performante tool per l&#8217;inserimento di elementi interattivi<\/h1>\n<p>Ecco un esempio di hypervideo realizzato con H5P con tutte le tipologie di interazioni: <a href=\"https:\/\/edpuzzle.com\/media\/608a89d81bbb0d418b7750b3\" target=\"_blank\" rel=\"noopener\">A casa mia<\/a><\/p>\n<p><a href=\"https:\/\/edpuzzle.com\/media\/608a89d81bbb0d418b7750b3\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-300x209.png\" alt=\"\" class=\"alignnone wp-image-331\" width=\"821\" height=\"572\" srcset=\"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-300x209.png 300w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-1024x712.png 1024w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-768x534.png 768w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-1536x1068.png 1536w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-2048x1424.png 2048w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-65x45.png 65w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-225x156.png 225w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.19.35-350x243.png 350w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><\/a><\/p>\n<p><span lang=\"fr-CH\">Per imparare a usare Edpuzzle, ecco due tutorial: <\/span><\/p>\n<ul>\n<li><span lang=\"fr-CH\">Tutorial 1:<\/span><span lang=\"de-CH\"> <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=8pQCQwMaTms\"><span lang=\"de-CH\">EdPuzzle &#8211; Come creare un video interattivo<\/span><\/a><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" id=\"oembed-2\" title=\"EdPuzzle - Come creare un video interattivo\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/8pQCQwMaTms?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span lang=\"fr-CH\">Tutorial 2:<\/span><span lang=\"de-CH\"> <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=x68S9zza5Zc\"><span lang=\"de-CH\">EdPuzzle &#8211; Come condividere un video interattivo<\/span><\/a><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" id=\"oembed-3\" title=\"EdPuzzle come condividere con Open Class\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/x68S9zza5Zc?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h1>H5p: di tutto e di pi\u00f9<\/h1>\n<p>I video h5P si possono creare e condividere su:<\/p>\n<p><a href=\"https:\/\/apps.zum.de\/\" target=\"_blank\" rel=\"noopener\">https:\/\/apps.zum.de\/<\/a>\u00a0 (in tedesco)<\/p>\n<p><a href=\"https:\/\/ladigitale.dev\/logiquiz\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ladigitale.dev\/logiquiz\/<\/a>\u00a0 (in francese)<\/p>\n<p><a href=\"https:\/\/next.lumi.education\/\" target=\"_blank\" rel=\"noopener\">https:\/\/next.lumi.education\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Ecco un esempio di hypervideo realizzato con H5P con tutte le tipologie di interazioni: <a href=\"https:\/\/apps.zum.de\/apps\/esempio-la-meglio-gioventu-litalia-da-distruggere-comprensione\">La meglio giovent\u00f9<\/a><\/p>\n<p><a href=\"https:\/\/apps.zum.de\/apps\/esempio-la-meglio-gioventu-litalia-da-distruggere-comprensione\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-300x244.png\" alt=\"\" class=\"alignnone wp-image-332\" width=\"870\" height=\"708\" srcset=\"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-300x244.png 300w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-1024x834.png 1024w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-768x626.png 768w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-1536x1251.png 1536w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-65x53.png 65w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-225x183.png 225w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33-350x285.png 350w, https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-content\/uploads\/sites\/9\/2022\/02\/Bildschirmfoto-2022-03-25-um-15.20.33.png 1714w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/a><\/p>\n<p><span lang=\"fr-CH\">Per imparare a usare H5P, ecco quattro tutorial: <\/span><\/p>\n<ul>\n<li>Tutorial 1: H5p <a href=\"https:\/\/youtu.be\/iXxHH9_4Vsc\">come caricare un video<\/a><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" id=\"oembed-4\" title=\"h5p 1.Come caricare un video\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/iXxHH9_4Vsc?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<ul>\n<li>Tutorial 2: H5p <a href=\"https:\/\/youtu.be\/sHjpYjwdF6o\">come aggiungere interazioni (multiple choice e drag text) <\/a><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"h5p 2.Inserire interazioni (multiple choice e drag text)\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/sHjpYjwdF6o?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<ul>\n<li>Tutorial 3: H5p <a href=\"https:\/\/youtu.be\/v7tW8Gdax2E\">come aggiungere interazioni (testo, vero o falso, fill in the blanks)<\/a><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" id=\"oembed-5\" title=\"h5p 3.Inserire interazioni (testo, vero o falso, fill in the blanks)\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/v7tW8Gdax2E?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Tutorial 4: H5p <a href=\"https:\/\/youtu.be\/14DtONpsTbQ\">come pubblicare e condividere il video<\/a><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" id=\"oembed-6\" title=\"h5p 4.Condividere il video\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/14DtONpsTbQ?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h1>Consigli di norme redazionali<\/h1>\n<p>Ecco alcune norme redazionali elaborate per la realizzazione di questo progetto e che potrebbero servire anche come consigli generali per la realizzazione di hypervideo:<\/p>\n<ul>\n<li>nelle istruzioni degli hypervideo, dare del tu:\u00a0 &#8220;clicca, fai, ascolta&#8230;&#8221;<\/li>\n<li>formulare le istruzioni nel modo pi\u00f9 breve e semplice possibile<\/li>\n<li>dove possibile, fornire un feedback istantaneo per ridurre i clic e rendere le attivit\u00e0 pi\u00f9 scorrevoli;<\/li>\n<li>evitare istruzioni inutili come &#8220;clicca qui per sapere se la tua risposta \u00e8 esatta&#8221; se c&#8217;\u00e8 gi\u00e0 un button &#8220;controlla&#8221;;<\/li>\n<li>non lavorare sugli hypervideo nel browser Chrome perch\u00e9 pu\u00f2 sfasare gli audio nei video.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":683,"menu_order":5,"comment_status":"open","ping_status":"closed","template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-280","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/chapters\/280"}],"collection":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/wp\/v2\/users\/683"}],"replies":[{"embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/wp\/v2\/comments?post=280"}],"version-history":[{"count":13,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/chapters\/280\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/chapters\/280\/revisions\/366"}],"part":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/chapters\/280\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/wp\/v2\/media?parent=280"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/pressbooks\/v2\/chapter-type?post=280"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/wp\/v2\/contributor?post=280"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/hypervideo\/wp-json\/wp\/v2\/license?post=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}