Introduzione

In piattaforma, è possibile incorporare video, testo e pagine di altri siti Web in caselle di testo pensate appositamente per materiali didattici di tipo HTML, rendendo così più coinvolgenti i contenuti a disposizione degli utenti.

Questo articolo spiega come inserire video o iframe da pagine web esterne nel materiale didattico pagina HTML.

Attenzione! È possibile inserire materiali didattici video da YouTube, Wistia e Vimeo senza utilizzare il materiale didattico Pagina HTML.

Creare un materiale didattico pagina HTML

Innanzitutto, connettersi alla piattaforma come Superadmin, quindi, accedere al Menu di navigazione. Nella sezione Contenuto e consegna (icona a cartella), selezionare l'opzione Corsi. Identificare il corso nel quale si vuole aggiungere un materiale didattico, cliccare sulla descrizione del corso e spostarsi alla scheda Materiali didattici.

Premere Aggiungi materiali didattici e selezionare Pagina HTML dal menu a tendina che si apre. Nella pagina di caricamento, inserire un titolo e una descrizione per il materiale didattico nelle caselle di testo corrispondenti. Il testo della descrizione può essere formattato secondo le proprie esigenze. Ora è possibile inserire video, foto o iframe.

Inserire video o foto in materiali didattici di tipo pagina HTML

Cliccare Inserisci/Modifica video nella barra nella parte superiore della casella di testo Descrizione.  Completare i campi della finestra pop-up come segue:

• Fonte: l'URL del video.
• Alternativo: un URL alternativo per il video.
• Anteprima: l'immagine mostrata prima di riprodurre il video. Sarà l'immagine di copertina del materiale didattico. Premere l'icona cartella accanto alla casella di testo per caricare un'immagine. Una volta selezionata l'immagine, premere Inserisci.
• Dimensioni: se necessario, è possibile definire le dimensioni del materiale didattico (e scegliere se mantenere le proporzioni).

In alternativa, spostarsi alla scheda Incorporare per configurare il codice del video e premere Ok per confermare l'input. Il video apparirà nella casella di testo Descrizione. Utilizzare i quadrati agli angoli del video per ridimensionarlo.

Suggerimento per l'accessibilità: Assicurarsi che i contenuti siano accessibili a tutti utilizzando HTML semantico. Maggiori informazioni sull'accessibilità in piattaforma. 

Spostarsi ora nella scheda Informazioni Aggiuntive, dove inserire una breve descrizione del materiale didattico. Selezionare una thumbnail tra quelle disponibili, oppure caricarne una.

L'aggiunta di tag al materiale didattico lo rende più semplice da trovare attraverso la ricerca globale nella piattaforma. Se la funzione di auto-tagging è abilitata nella propria piattaforma, alcuni tag possono essere generati automaticamente in base al contenuto del proprio materiale, come interpretato dalla piattaforma utilizzando l'intelligenza artificiale. L'auto-tagging si basa sulla capacità della piattaforma di estrarre testo o generare una trascrizione. Consultare l'elenco completo dei tipi di contenuto supportati per l'estrazione del testo e la generazione di trascrizioni. Si possono modificare o rimuovere i tag in qualsiasi momento, con un limite di 15 tag per materiale didattico e di 32 caratteri per tag.

Premere Salva le modifiche per creare il materiale didattico, che ora apparirà nella lista di materiali didattici nella pagina Materiali Didattici del corso. Per passare alla vista studente e vedere come il nuovo materiale didattico viene visualizzato dagli utenti, utilizzare il bottone Vista studente posto nella barra delle azioni in cima alla pagina Materiali didattici. 

Aggiungere iframe a materiali didattici di tipo pagina HTML

È inoltre possibile aggiungere iframe nei materiali didattici di tipo Pagina HTML, per mostrare diverse pagine web all'interno dei propri corsi. Nella pagina di caricamento del materiale didattico, aggiungere un titolo e una descrizione nelle relative caselle di testo.

Per aggiungere un iframe, inserire il relativo URL nella lista consentita della piattaforma: accedere al Menu navigazione. Nella sezione Contenuto e consegna (icona a cartella) selezionare Configurazione e strumenti della piattaforma, quindi selezionare Impostazioni avanzate. Nel menu Impostazioni avanzate selezionare la scheda E-Learning. Nella sezione Lista consentita per gli iframe all'interno della scheda, digitare l'URL e premere Aggiungi. L'iframe sarà ora mostrato correttamente in piattaforma. Attenzione: gli URL nella lista consentita non accettano metacaratteri, come ad esempio (*). 

Dopo aver aggiunto l'URL nella lista consentita, è possibile inserire l'iframe nel materiale didattico Pagina HTML. Nella casella di testo Descrizione nella pagina di caricamento del materiale didattico, selezionare l'icona codice sorgente.

Inserire l'URL tra i due seguenti tag:

<iframe src="https://mydomain.com"></iframe>

sostituendo https://mydomain.com con l'URL che si vuole inserire nell'iframe. Ricordare che il materiale sarà contrassegnato come completato quando l'utente apre la pagina del materiale.

Consigli d'utilizzo

Tenere presenti i seguenti consigli quando si creano e gestiscono pagine HTML:

• Utilizzare una pagina HTML come primo elemento di un corso, per creare un'introduzione al corso. La differenza principale tra una pagina HTML e un widget Descrizione corso è che nel primo caso l'introduzione sarà immediatamente visibile, senza dover far scorrere verso il basso la pagina.
• Utilizzare una pagina HTML per fornire istruzioni su come utilizzare i materiali didattici.
• Utilizzare una pagina HTML se si vuole mostrare all'utente un sito web esterno o una pagina esterna.
• Per mantenere la pagina HTML sicura, evitare di utilizzare funzioni JavaScript come onmouseover e onmouseout nei codici dei pulsanti, poiché possono essere utilizzate in attacchi Cross-Site Scripting (XSS). Inoltre, fare attenzione al codice CSS3, che può presentare rischi per la sicurezza e potrebbe essere parzialmente o interamente eliminato per ragioni di sicurezza.