Πώς ενσωματώνω μια άλλη ιστοσελίδα μέσα σε

έγγραφο που δημιουργώ στην eClass;

Για το συγκεκριμένο παράδειγμα σεναρίου, χρησιμοποιώ υλικό από 4 διαφορετικές εξωτερικές
ιστοσελίδες:
1. Δύο διαδραστικά videos από το Υποδειγματικό σενάριο “Κρατική παρέμβαση στην αγορά –
Επιβολή ανώτατων τιμών” που βρίσκεται στην Πλατφόρμα Ψηφιακών Διδακτικών
Σεναρίων του Ινστιτούτου Εκπαιδευτικής Πολιτικής “ΑΙΣΩΠΟΣ” (Δημιουργός
Πρωτότυπου Σεναρίου: ΑΝΝΑ ΜΑΤΣΙΩΡΗ, Εκπαιδευτικός).
◦ Επιβολή ανώτατης τιμής – παρουσίαση μαθήματος.
◦ Ανακεφαλαίωση.
2. Δύο video από το Youtube:
◦ The Rolling Stones at the Fonda Theater Los Angeles (χρησιμοποιείται στην
προκαταρκτική δραστηριότητα “Μαύρη αγορά στα εισιτήρια συναυλίας των Rolling
Stones”.
◦ Πλαφόν στην αμόλυβδη (χρησιμοποιείται στην προκαταρκτική δραστηριότητα “Πλαφόν
στην τιμή της βενζίνης”.
3. Τη σελίδα αναζήτησης ΦΕΚ στον ιστότοπο του Εθνικού Τυπογραφείου.
4. Το διαδραστικό γράφημα “Επιβολή ανώτατης τιμής – μαύρη αγορά” από το GeoGebra.
(Δημιουργός: Παπαβασιλείου Γιώργος)

Στα Έγγραφα, στην eClass, έχω δημιουργήσει ένα έγγραφο για το καθένα από τα παραπάνω
εξωτερικά υλικά, τα οποία φαίνονται ως εξής:

1.1. Επιβολή ανώτατης τιμής – παρουσίαση μαθήματος

1.2. Ανακεφαλαίωση
2.1. Μαύρη αγορά στα εισιτήρια συναυλίας των Rolling Stones

2.2. Πλαφόν στην τιμή της βενζίνης

3. Σελίδα αναζήτησης ΦΕΚ στον ιστότοπο του Εθνικού Τυπογραφείου

4. Επιβολή ανώτατης τιμής – μαύρη αγορά

Όπως φαίνεται από τα παραπάνω screenshots, τα video από το youtube και το διαδραστικό
γράφημα από το GeoGebra έχουν ενσωματωθεί, δηλαδή εμφανίζονται λειτουργικά μέσα στο
έγγραφο. Οι ιστοσελίδες όμως του Αίσωπου και του Εθνικού Τυπογραφείου εμφανίζονται σαν
σύνδεσμοι.

Πώς ενσωματώνω video από το youtube στα έγγραφα στην eClass;

Για να ενσωματώσω ένα youtube video (που έχω ήδη βάλει στους Συνδέσμους) μέσα σε ένα
έγγραφο που δημιουργώ στην eClass, ακολουθώ την εξής διαδικασία:
Τοποθετώ τον κέρσορα στη γραμμή που θέλω να μπει το video [1].
Πατάω το κουμπί Εισαγωγή/επεξεργασία media [2].

Στο πλαίσιο που ανοίγει (Εισαγωγή/επεξεργασία media) πατάω το κουμπί αναζήτησης φακέλων [3]

Στο νέο πλαίσιο που ανοίγει (Αναζήτηση πόρων), πατάω τους Συνδέσμους [4] και επιλέγω το video
που θέλω [5].

Βάζω στις διαστάσεις 400 x 300 [6] και πατάω Εντάξει.

Πώς ενσωματώνω μια σελίδα από το GeoGebra στα έγγραφα στην
eClass;
Στον text editor του εγγράφου, πατάω το κουμπί περισσότερα.

Στη νέα γραμμή εργαλείων που εμφανίζεται, πατάω Πηγαίος κώδικας.

Πλέον, στο πλαίσιο του κειμένου, βλέπω τον κώδικα του κειμένου που γράφω. Εκεί, στη θέση που
θέλω, γράφω τον κώδικα iframe για τη σελίδα που θέλω να ενσωματώσω από το GeoGebra ή από
άλλο http site (περισσότερα για το http παρακάτω). Για τη σελίδα του συγκεκριμένου διαδραστικού
γραφήματος από το GeoGebra, o κώδικας είναι:
<iframe src=”https://www.geogebra.org/m/ujFDFawS” width=”800”
height=”600”></iframe>
Στο src βάζουμε το link της σελίδας που θέλουμε και στα width και height τις διαστάσεις του
πλαισίου που θέλουμε να καλύπτει η ενσωμάτωση (το 800x600 είναι μια συνήθης διάσταση).

Γιατί δεν μπορώ να ενσωματώσω μια σελίδα από τον Αίσωπο και το
Εθνικό Τυπογραφείο σε ένα έγγραφο στην eClass (με iframe);
Για να ενσωματώσω μια ιστοσελίδα μέσα σε μια άλλη με iframe, θα πρέπει τα δύο URLs (αφενός
του δικού μας site και αφετέρου του site το οποίο θα ενσωματώσουμε) να αρχίζουν με την ίδια
μορφή του http πρωτοκόλλου (δηλαδή να είναι και τα δύο http, ή και τα δύο https).
Στην περίπτωσή μας η eClass έχει https (https://eclass.t4e.sch.gr/), ενώ ο Αίσωπος έχει http (http://
aesop.iep.edu.gr), όπως και το εθνικό Τυπογραφείο (http://www.et.gr). Επομένως, δεν μπορεί να
γίνει ενσωμάτωση.

Μπορώ να ενσωματώσω ένα h5p αντικείμενο σαν αυτά που μπορώ να

φτιάξω στο e-me content της e-me;
Η απάντηση είναι ναι και μάλιστα πολύ ευκολότερα – χωρίς να χρειάζεται να γράψω κώδικα. Τα
h5p αντικείμενα διαθέτουν έτοιμο κώδικα ενσωμάτωσης. Η διαδικασία είναι η εξής:
Αντιγράφω τον κώδικα ενσωμάτωσης του αντικειμένου (π.χ. <iframe src="https://content.e-
me.edu.gr/wp-admin/admin-ajax.php?action=h5p_embed&id=681568" width="800" height="600"
frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://content.e-
me.edu.gr/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script>).
Για παράδειγμα, σε ένα h5p αντικείμενο φτιαγμένο στο e-me content της e-me (εφόσον ο
δημιουργός του έχει επιλέξει να διαθέτει τη δυνατότητα ενσωμάτωσης – εάν ο δημιουργός είστε
εσείς δεν υπάρχει πρόβλημα), στο κάτω μέρος του θα εμφανίζεται ένα κουμπί ενσωμάτωσης.
Πατώντας το κουμπί Ενσωμάτωση, ανοίγει ένα παράθυρο το οποίο περιέχει τον κώδικα
ενσωμάτωσης (<iframe>) του αντικειμένου.

Αντιγράφω τον κώδικα, και πάω στο έγγραφο στην eClass στο οποίο θέλω να ενσωματώσω το h5p
αντικείμενο. Πατώντας στον text editor το κουμπί Εισαγωγή/επεξεργασία media, εμφανίζεται το
ομώνυμο πλαίσιο. Επιλέγω το tab Ενσωμάτωση και επικολλώ τον κώδικα του h5p αντικειμένου που
έχω αντιγράψει.
ΣΗΜΑΝΤΙΚΟ: Δεν ξεχνώ ποτέ να αναφέρω την πηγή και τον δημιουργό του υλικού που
περιλαμβάνω στο μάθημα.