Drag and Drop (H5P)

Τελευταία ενημέρωση: 19/5/2025


Περιεχόμενα

  1. Αρχικές ρυθμίσεις
  2. Βαθμός
  3. Συχνές ρυθμίσεις αρθρώματος
  4.  Περιορισμός διαθεσιμότητας

Με την δραστηριότητα «Διαδραστικό περιεχόμενο» μπορείτε να δημιουργήσετε διαδραστικό περιεχόμενο, όπως διαδραστικά βίντεο, σύνολα ερωτήσεων, ερωτήσεις μεταφοράς και απόθεσης, ερωτήσεις πολλαπλών επιλογών, παρουσιάσεις και πολλά άλλα.

Πιο συγκεκριμένα, η δραστηριότητα τύπου "Drag and Drop" σας δίνει την δυνατότητα να ορίσετε σημεία πάνω σε μία εικόνα στα οποία ο εκπαιδευόμενος/-η θα μπορεί να «σύρει» μία εικόνα ή ένα κείμενο.

Για να προσθέσετε ένα Drag and Drop ακολουθήστε τα παρακάτω βήματα:

  • Από την αρχική σελίδα του μαθήματος ενεργοποιήστε την edit mode button (πάνω δεξιά στην οθόνη).

  • Στην ενότητα που θέλετε να προσθέσετε το αρχείο επιλέξτε Προσθήκη δραστηριότητας ή πόρου.

add an activity or resource

  • Απο το αναδυόμενο παράθυρο, επιλέξτε Διαδραστικό περιεχόμενο.

H5P logo

Θα ενεργοποιηθεί η σελίδα των ρυθμίσεων, τις οποίες μπορείτε να παραμετροποιήσετε :

  • Eπιλέξτε τον τύπο "Drag and Drop" από την λίστα των διαθέσιμων τύπων διαδραστικού περιεχομένου.

H5P DragDrop menu

Αρχικές ρυθμίσεις

  •  Τίτλος: συμπληρώστε τον τίτλο της δραστηριότητας ο οποίος και θα εμφανίζεται στην αρχική σελίδα του μαθήματός σας.

H5P DragDrop title

Βήμα 1: Ρυθμίσεις

  • Εικόνα φόντου: επιλέξτε το κουμπί H5P add img btn  ώστε να προσθέσετε την εικόνα πάνω στην οποία θα πρέπει οι εκπαιδευόμενοι/-ες να «σύρουν» τα στοιχεία που θα ορίσετε.
  • Μέγεθος άσκησης: ορίστε το μέγεθος της εικόνας που εισάγατε.

H5P DragDrop settings

Βήμα 2: Άσκηση

Στο σημείο αυτό πρέπει να ορίσετε τα σημεία της εικόνας που θα συμμετέχουν στην άσκηση αλλά και τις αντίστοιχες εικόνες ή κείμενο που θα ταιριάζει με αυτά.

Από την μπάρα επιλογών που εμφανίζεται πάνω από την εικόνα, επιλέξτε το πρώτο εικονίδιο «Προσθήκη Περιοχή απόθεσης» για να ορίσετε το σημείο εκείνο της εικόνας που πρέπει να μπει κάποιο στοιχείο.

H5P DragDrop excersize1

Στην νέα οθόνη που θα σας ανοίξει κάντε τις εξής ρυθμίσεις:

  • Ετικέτα: ορίστε μία σχετική με την εικόνα λέξη ή σύντομη περιγραφή.
  • Εμφάνιση ετικέτας: επιλέξτε το, εάν θέλετε η ετικέτα που ορίσατε να εμφανίζεται πάνω από το πλαίσιο απόθεσης του στοιχείου.
  • Διαφάνεια φόντου: ορίστε το πόσο αδιάφανο/διαφανές θα είναι το πλαίσιο απόθεσης. Εάν το ορίσετε στο 100 θα επικαλύπτει απόλυτα το σημείο της εικόνας στο οποίο θα το βάλετε.

Για να αποθηκεύσετε τις παραπάνω ρυθμίσεις επιλέξτε το κουμπί H5P DragDrop ok btn που βρίσκεται κάτω δεξιά του παραθύρου.

H5P DragDrop excersize2

 

Στην συνέχεια, προσθέστε το κείμενο ή την εικόνα που θα πρέπει να τοποθετήσει ο/η εκπαιδευόμενος/-η στο σημείο που ορίσατε παραπάνω.

Για να προσθέσετε ως επιλογή ένα κείμενο ακολουθήστε τα παρακάτω βήματα:

Από την μπάρα επιλογών επιλέξτε τo δεύτερο εικονίδιο "Text".

H5P DragDrop exersize4

 

  • Κείμενο: προσθέστε το κείμενο που θα τοποθετήσει ο/η εκπαιδευόμενος/-η στο σημείο που ορίσατε παραπάνω.
  • Επιλέξτε περιοχές απόθεσης: κάντε τικ στην επιλογή που θα αντιστοιχίζεται το κείμενο που προσθέσατε παραπάνω.
  • Διαφάνεια φόντου: ορίστε το πόσο αδιάφανο/διαφανές θα είναι το πλαίσιο απόθεσης. Εάν το ορίσετε στο 100 θα επικαλύπτει απόλυτα το σημείο της εικόνας στο οποίο θα το βάλετε.

Για να αποθηκεύσετε τις παραπάνω ρυθμίσεις επιλέξτε το κουμπί H5P DragDrop ok btn που βρίσκεται κάτω δεξιά του παραθύρου.

H5P DragDrop excersize3

Για να προσθέσετε ως επιλογή μία εικόνα ακολουθήστε τα παρακάτω βήματα:

Από την μπάρα επιλογών επιλέξτε τo τρίτο εικονίδιο "Image".

H5P DragDrop excersize6

  • Εικόνα: επιλέξτε το κουμπί H5P add img btn  για να ανεβάσετε την εικόνα που θέλετε.
  • Εναλλακτικό κείμενο: ορίστε ένα σύντομο κείμενο ή μία λέξη που να περιγράφει την εικόνα.
  • Επεξηγηματικό κείμενο: ορίστε ένα σύντομο κείμενο ή μία λέξη που θα εμφανίζεται όταν ο/η χρήστης/-τρια περνάει τον κένσορα πάνω από την εικόνα.
  • Επιλέξτε περιοχές απόθεσης: επιλέξτε σε ποια περιοχή απόθεσης θα αντιστοιχίζεται η εικόνα που προσθέσατε παραπάνω. Όσες περιοχές απόθεσης έχετε ορίσει τόσες θα εμφανίζονται ως επιλογές και για να γίνει η αντιστοίχιση πρέπει να κάνετε τικ στο κουτάκι της επιλογής που θέλετε.
  • Διαφάνεια φόντου: ορίστε το πόσο αδιάφανη/διαφανής θα είναι η εικόνα που εισάγατε.

Για να αποθηκεύσετε τις παραπάνω ρυθμίσεις επιλέξτε το κουμπί H5P DragDrop ok btn που βρίσκεται κάτω δεξιά του παραθύρου.

 H5P DragDrop excersize5a

Βαθμός

Ορίστε τον ελάχιστο βαθμό επιτυχίας και τον μέγιστο βαθμό της δραστηριότητας.

H5P grade

Συχνές ρυθμίσεις αρθρώματος

Για τις οδηγίες των συχνών ρυθμίσεων αρθώματος, δείτε εδώ.

 

 Περιορισμός διαθεσιμότητας

Για τις οδηγίες περιορισμού διαθεσιμότητας μιας δραστηριότητας, δείτε εδώ.

 

Αφού ολοκληρώσετε τις ρυθμίσεις της δραστηριότητας, πατήστε «Αποθήκευση και επιστροφή στο μάθημα» ή «Αποθήκευση και προβολή».

 Button save