Ενσωμάτωση Voki

στο Twispace

ΟΔΗΓΟΙ -TWISPACE

ΕΝΣΩΜΑΤΩΣΗ VOKI ΣΤΟ ΝΕΟ TWINSPACE

Μια από τις πιο δημοφιλής εφαρμογές ανάμεσα στους eTwinners είναι το Voki το οποίο

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

τρόπους όπως να παρουσιάσουν συνεργατικά ποιήματα και τραγούδια , γρίφους κ.ά.

Δυστυχώς όμως ο κώδικας που δίνει δεν είναι στην επιθυμητή μορφή του <iframe… οπότε

είμαστε αναγκασμένοι να τον τροποποιήσουμε. Δεν είναι κάτι δύσκολο αλλά χρειάζεται

κάποια παραπάνω προσοχή. Είναι μια διαδικασία που ολοκληρώνεται σε 7 βήματα.

Βήμα

Εικόνα Περιγραφή

1ο

Αντιγράφουμε τον κώδικα ενσωμάτωσης από το voki (4)

2ο

Ανοίγουμε την σελίδα στην οποία θέλουμε να ενσωματώσουμε το voki σε επεξεργασία html (όπως βλέπεται όλα τα άλλα κουμπιά είναι απενεργοποιημένα)

3ο

Κάνουμε επικόλληση τον κώδικα ενσωμάτωσης που πήραμε από το Voki

<object height="267" width="200" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="widget_name"><param name="movie" value="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http://vhss-d.oddcast.com/php/vhss_editors/getvoki/chsm=0d635b7de7a5693a149d9db26cd99299%26sc=10399695" /><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="width" value="200" /><param name="height" value="267" /><param name="allowNetworking" value="all"/><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><embed height="267" width="200" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=0d635b7de7a5693a149d9db26cd99299%26sc=10399695" quality="high" allowScriptAccess="always" allowNetworking="all" wmode="transparent" allowFullScreen="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="widget_name"></object>

Ο κώδικας ενσωμάτωσης είναι όπως τον βλέπουμε δίπλα

<iframe height="267" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=0d635b7de7a5693a149d9db26cd99299%26sc=10399695" width="200"></iframe>

Για να λειτουργήσει ο κώδικας πρέπει να είναι όπως ο διπλανός

<object height="267" width="200" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="widget_name"><param name="movie" value="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http://vhss-d.oddcast.com/php/vhss_editors/getvoki/chsm=0d635b7de7a5693a149d9db26cd99299%26sc=10399695" /><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="width" value="200" /><param name="height" value="267" /><param name="allowNetworking" value="all"/><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><embed height="267" width="200" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=0d635b7de7a5693a149d9db26cd99299%26sc=10399695" quality="high" allowScriptAccess="always" allowNetworking="all" wmode="transparent" allowFullScreen="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="widget_name"></object>

Από όλον αυτόν τον κώδικα θα χρειαστούμε μόνο το κομμάτι κώδικα που είναι με κόκκινο χρώμα (αυτό που είναι μετά την λέξη embed)

4ο height="267" width="200" src=http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=0d635b7de7a5693a149d9db26cd99299%26sc=10399695

Αυτό που πρέπει να κάνουμε είναι να διαγράψουμε ό,τι υπάρχει πρίν και μετά από το κόκκινο τμήμα του κώδικα. (ΠΡΟΣΟΧΗ μη διαγράψετε τις παρενθέσεις) Τώρα ο κώδικας έχει αυτή τη μορφή.

5ο <iframe height="267" width="200"

src=http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=0d635b7de7a5693a149d9db26cd9

9299%26sc=10399695 ></frame>

Το μόνο που μένει να κάνουμε πλέον είναι να γράψουμε πριν από τον κώδικα το <iframe και στο τέλος του κώδικα να προσθέσουμε το ></iframe> Ο κώδικας τώρα πρέπει να δείχνει όπως στο πλάι

Ο κώδικας στο twispace πρέπει να φαίνεται όπως στην εικόνα

6ο

Πατάμε το κουμπί html και πάλι για να δούμε το αποτέλεσμα

7ο

Αν το voki μας εμφανίζεται , όλα πήγαν καλά , πατάμε το κουμπί αποθήκευσης και έχουμε τελειώσει.

Την ίδια διαδικασία μπορούμε να ακολουθήσουμε για μια σειρά ιστοσελίδων οι οποίες δίνουν κώδικα αυτής της μορφής δηλαδη να ξεκινάει με την λέξη <object

ΚΑΛΗ ΕΠΙΤΥΧΙΑ

Για την Ε.Υ.Υ. Πέτρος Μιχαηλίδης